#custommenu {height:50px;position:relative;}
.sub-nav #custommenu {height:40px;position:relative;}
*:first-child+html #custommenu {z-index: 998;}
div.menu {float:left;padding:0;margin:0;}
div.menu a:link, div.menu a:visited {display:block;height:50px;}
div.menu a span {color:#fff;display:block;padding:0 15px;font-size:18px;font-weight:bold;line-height:50px;}
div.menu a span:hover {color:#252525;cursor: pointer;}
.itemMenu.level1 span {color:#252525;font-size:14px;text-transform:uppercase;}
.itemMenu.level2 span {color:#fff;font-size:14px;text-transform:uppercase;}
a.level2:hover {background:#fff;color:#252525;}
.itemMenuName.level1 {background:#8dc63f;}
.itemMenuName.level1 span {background:#8dc63f;color:#fff !important;font-size:16px;text-transform:uppercase;}
.itemMenuName.level2 {background:0;}
.itemMenuName.level2 span {background:0;color:#252525 !important;font-size:14px;text-transform:none;}
.itemMenuName.level2:hover {background:#6e6e6e;color:#fff !important;}
.itemMenuName.level2:hover span {color:#fff !important;}
div.wp-custom-menu-popup {background: #f1f1f1;box-shadow: 0 15px 15px rgba(0, 0, 0, 0.3);border-top:0;display:none;padding:20px;position:absolute;text-align: left;top:50px;z-index: 1000;width: 75%;}
div.menu a, div.wp-custom-menu-popup a {color:#252525;font-size:14px;cursor: pointer;display:block;_height: 0;height: auto;text-transform:uppercase;}
div.level1 {margin-bottom: 5px;}
div.level2 {background:#0;color:#252525;position:relative;margin-bottom: 5px;}
div.level3 {display:none;margin-bottom: 5px;padding: 5px;}
div.block2 {padding-top: 0;padding-left: 10px;padding-right: 10px;display: block;}
a.level1:link, a.level1:visited {margin-top: 10px;margin-bottom: 10px;padding: 5px 10px;border-radius: 2px;}
a.level2:link, a.level2:visited {padding: 3px 10px;border-radius: 2px;}
div.block2:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] div.block2 {display: block;}
* html div.block2 {height: 1%;}
div.block2 p {margin-bottom: 3px;line-height: 120%;color: #000;font-size: 11px;}
div.block2 p a {display: inline;}
div.block2 a img {opacity: .9;filter: alpha(opacity=90);}
div.block2 a:hover img {opacity: 1;filter: alpha(opacity=100);-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
div.block2 .brand a:hover img {-webkit-transition: all 0;-moz-transition: all 0;-ms-transition: all 0;transition: all 0;}
div.wp-custom-menu-popup hr {margin: 0 0 10px 0;}

div.column {float: left;padding: 0 10px;margin: 0;width:25%;}
div.itemSubMenu {margin-left: 0;}
.clearBoth {clear:both;height: 0;overflow: hidden;}
div.level1 {margin-bottom: 0;}

/*BG*/
div.menu a:hover {background: #f1f1f1;}
div.menu a, div.wp-custom-menu-popup a {-webkit-transition: all .1s linear;-moz-transition: all .1s linear;-ms-transition: all .1s linear;transition: all .1s linear;}
div.menu .brand a, div.wp-custom-menu-popup .brand a {-webkit-transition: all 0s linear;-moz-transition: all 0s linear;-ms-transition: all 0s linear;transition: all 0s linear;}
div.menu.active a {background: #f1f1f1 !important;color: #000 !important;}
div.menu.active span {color:#000;}
div.level3 {background: #fff;}

div.menu {font-weight: normal;font-size: 14px;text-transform: uppercase;}
a.level1:link, a.level1:visited {text-transform: none;font-weight: normal;}
a.level2:link, a.level2:visited {font-weight: normal;font-size: 13px;line-height: 16px;}
a.level3:link, a.level3:visited {font-size: 11px;font-weight: normal;line-height: 100%;margin-bottom: 0;}

div.menu a:link, div.menu a:visited {color: #fff;}
div.menu a:hover, div.menu.active a {color: #000;}
a.level3:link, a.level3:visited {color: #333333;}
a.level3:hover {color: #b43f74;}
a.level2:link, a.level2:visited {color: #000;}
.block2 table.brand {float: left;}
.block2 .single_menu_product {float: left;position: relative;max-width: 150px;overflow: hidden;margin-right: 20px;margin-left: 0;}


/*MOBILE MENU STYLES*/
#menu-button, .parentMenu {display: inline-block;}
html[xmlns] #menu-button, html[xmlns] .parentMenu {display: block;}
* html #menu-button, * html .parentMenu {height: 1%;}
#menu-button:after, .parentMenu:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#custommenu-mobile {position:relative;margin: 0 auto;padding: 0;z-index: 999;}
#menu-button {float: none;padding: 10px 0 10px 0;margin: 0;width: 100%;border-bottom: 1px solid #fff;text-transform: uppercase;}
#menu-button a:link, #menu-button a:visited {color: #fff;display: block;float: left;margin-left: 45%;position: relative;padding: 0 10px;}
#menu-button a span:after {display: block;position: relative;content: "";width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 4px solid #dadada;margin: 8px 0 0 5px;float: right;opacity: 0.7;}
#menu-button:hover {cursor: pointer;}
#menu-button:hover a:after {opacity: 1;}
.menu-mobile div.column {float:none;padding:5px;background: #fff;}
.menu-mobile a.itemMenuName {display: block;text-align: left;}
.menu-mobile div.menu-button, .menu-mobile div.menu-mobile {float: none;padding:0;margin:0;width:100%;border-bottom: 1px solid #fff;}
.menu-mobile div.column {float: none;width: 100%;padding: 0;margin: 0;}
.menu-mobile a.level1:link, .menu-mobile a.level1:visited {margin-top: 0;margin-bottom: 0;padding: 10px 10px;border-radius: 2px;color: #000;}
.menu-mobile a.level2:link, .menu-mobile a.level2:visited {padding: 10px 10px;border-radius: 2px;}
.menu-mobile a.level1:link, .menu-mobile a.level1:visited {color: #555;}
.menu-mobile a.level1:hover {background-color: #f1f1f1;}
.menu-mobile .parent {background-color: #fff;}

/*buttons level 01*/
.menu-mobile .parentMenu {padding: 0;display: block;text-align: left;border-bottom: 1px solid #dadada;}
.menu-mobile .parentMenu a:link, .menu-mobile .parentMenu a:visited {padding: 10px 0 10px 10px;margin-right: 80px;color: #000;display: block;}
.menu-mobile .parentMenu:hover {cursor: pointer;}
.parentMenu {position: relative;}
.parentMenu a {display: block;}
#menu-button {cursor: pointer;}
.menu-mobile div.level2 {margin-bottom: 0;}
#custommenu-mobile .button {cursor: pointer;position: absolute;right: 1%;top: 0;display: block;width: 80px;height: 38px;background-color: transparent;background-repeat: no-repeat;background-position: 90% 50%;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJxJREFUeNpi/P//PwM66O3tBVF1UNwEwsXFxRjqmBhwg3wgZobSWAE+zcxoNEmaCQKKNDP29PTgkvsAxPxA/BGIBXDZ3A7Ef4D4Pxrmh6rhxyL3E4gbQZqL8AUKDsAG0gfS3AfEf0nU/AuIJ4I0VwIxC8j/aPgjVOFHLHLsQFzDiCeFoQQYqSmMtvGMT/NfNJokzQug9HRcCgACDAC34CnSSWx3zwAAAABJRU5ErkJggg==);}
#custommenu-mobile .button.open {background-color: transparent;background-repeat: no-repeat;background-position: 90% 50%;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE5JREFUeNpi/P//PwO5gImBAjBENbP09vZSZHM7EP8B4v8k4J9A3AjSXATEzCRaygbSB9LcB8R/SdT8C4gnsgCJSigmGTCOpjDSAECAAQBI6RqpQRaDFgAAAABJRU5ErkJggg==);}
#custommenu-mobile .level1 .button {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIxJREFUeNpi/P//PwO5gAWbYG9vL4ZYcXExhhgTAwUAn+YJQAzyUxcuBYwwP2Nx6k8gZgPid0AsjM0L+Gxmg9LMxDob5lTkKOBHEuvCpzmZQBgl4NNcD8SvcWgEiTfhi+c+KGZAcvpHIBbAG9pYEglKaJOaSCqB+BrUK8QnTyxeYCDa2dRIngQBQIABAGG6KfxEmzSnAAAAAElFTkSuQmCC);}
#custommenu-mobile .level1 .button.open {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNpi/P//PwO5gImBAjBwmllgjN7eXqI1FRcXU9/ZE4D4Px7chU9zMgHLEvBprgfi1zg0gsSbsAYYFPRBMVGAcQSmMIo0AwQYAIYUFeQ3G04OAAAAAElFTkSuQmCC);}

/*BG*/
#custommenu-mobile  .parentMenu:hover a:link, #custommenu-mobile  .parentMenu:hover a:visited, #custommenu-mobile  .parentMenu:hover {background-color: #fff;}
#custommenu-mobile .level0 {background-color: #f1f1f1;}
#custommenu-mobile .level1 {background-color: #e4e4e4;}
#custommenu-mobile .level2 {background-color: #f1f1f1;}


.sub-nav {background:#f1f1f1; margin-bottom: 20px;}
.sub-nav .parentMenu {color:#2facdc;font-size:14px;}
.sub-nav .parentMenu a span {background:#f1f1f1;border-top:3px solid #f1f1f1;color:#2facdc;font-size:14px;height:40px !important;padding:0 10px;}
.sub-nav .parentMenu a:hover span {background:#fff;border-top:3px solid #5f6062;color:#5f6062;}
.sub-nav .menu.active a span {background:#fff;border-top:3px solid #5f6062;color:#5f6062;}
.sub-nav div.menu {float:left !important;height:40px !important;}
.sub-nav div.menu a span {line-height:40px !important;}
.sub-nav div.menu a:link, .sub-nav div.menu a:visited {padding:0 !important;}
.sub-nav div.menu a:link, .sub-nav div.menu a:visited {height:40px !important;}
.sub-nav div.wp-custom-menu-popup {background:#fff !important;padding:10px 0 !important;top:40px !important;}
.sub-nav .itemMenuName.level1 {background:#fff;}
.sub-nav .itemMenuName.level1 span {background:#fff;color:#8dc63f !important;font-size:14px;text-transform:uppercase;}
.sub-nav a.level1:link, .sub-nav a.level1:visited {padding:5px 0 !important;}
.sub-nav .itemMenuName.level2:hover {background:#fff !important;}
.sub-nav .itemMenu.level2 a span {color:#2facdc !important;font-size:14px;text-transform:none;}
.sub-nav .itemMenu.level2 a:hover span {background:#fff !important;color:#6e6e6e !important;}

.container-2cols .sub-nav {margin:70px 0 -20px 0}
