#custommenu {

    margin: 0 auto;

    position: relative;

    width: 100%;

}

/*IE7 fix*/

*:first-child+html #custommenu {

    z-index: 998;

}

div.menu {

    float: left;

    padding: 0px 0px 0px 0px;

    margin: 0px 0px 0px 0px;

}



.top-nav .menu a {  color: #ffffff;

    font-family: Pt Sans;

    font-size: 15px;

    font-weight: normal;

    letter-spacing: 0.5px;

    padding: 14px 47px; }



.top-nav .menu a:hover { background:#000000; color:#ffffff; }



.top-nav .act a { background:#000000; color:#ffffff; }



div.menu a span {

    display: block;

   }

div.menu a span:hover {

    cursor: pointer;

}

div.wp-custom-menu-popup {

    display: none;

    padding: 25px 30px;

    position: absolute;

    text-align: left;

    width: 95%;

    z-index: 1000;

}

div.menu a, div.wp-custom-menu-popup a {

    text-decoration: none;

    display:block;

    cursor: pointer;

}

div.level1 {

    margin-bottom: 5px;

}

div.level2 {

    border-top: 1px solid #dddddd;

    margin-bottom: 5px;

    padding-top: 5px;

}

div.level3 {

    margin-bottom: 5px;

    padding: 5px;

}

div.block2 {

    padding-top: 0px;

    padding-left: 10px;

    padding-right: 10px;

    display: block;

}



/* Clearfix */

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: 0px 0px 10px 0px;

}

/******************************************* COLUMN WIDTH ***************************** */

div.column {

    float: left;

    margin: 0;

    padding-right: 7.5%;

    width: 28%

}



div.column.last { padding-right:0; }



/*end COLUMN WIDTH  */



div.itemSubMenu {

    margin-left: 0px;

}

.clearBoth {

    clear:both;

    height: 0;

    overflow: hidden;

}

div.level1 {

    margin-bottom: 0px;

}

/*BG*/



div.wp-custom-menu-popup {

    background: #ffffff none repeat scroll 0 0;

    box-shadow: 2px 2px 6px 0 #d5d5d5;

}





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.level3 {

    background: #fff;

}

/*FONTS*/

div.menu {

    text-transform: uppercase;

}



/*COLOR*/





.cms-home .top-nav .menu0 a {  background: #000000 none repeat scroll 0 0;

    color: #ffffff; transition: all 0.5s ease 0s; }

	

.block2 table.brand {

    float: left;

}

.block2 .single_menu_product {

    float: left;

    position: relative;

    max-width: 150px;

    overflow: hidden;

    margin-right: 20px;

    margin-left: 0px;

}

/*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: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: 0px 0px 0px 0px;

    margin: 0px 0px 0px 0px;

    width: 100%;

    border-bottom: 1px solid #fff;

}

.menu-mobile div.column {

    float: none;

    width: 100%;

    padding: 0px 0;

    margin: 0px 0px 0px 0px;

}

.menu-mobile a.level1:link, .menu-mobile a.level1:visited {

    margin-top: 0px;

    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: 0px 0px;

    display: block;

    text-align: left;

    border-bottom: 1px solid #dadada;

}

.menu-mobile .parentMenu a:link, .menu-mobile .parentMenu a:visited {

    padding: 10px 0px 10px 10px;

    margin-right: 40px;

    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: 0px;

    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;

}







@media only screen and (min-width:320px) and (max-width:568px) {



#menu-content { background:#ffffff; }



.menu-mobile .parentMenu { border-color:#e2e2e2; }



#menu-content .level0 a {  font-family: PT Sans; color: #555555; font-size: 14px; text-decoration: none; text-transform: uppercase; }



#menu-content .level0 a:hover { color:#1e1e1e; }



#menu-content .level1 a { color: #222222;  font-weight: normal; line-height: normal; margin-left: 15px; }



#menu-content .level2 a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #222222; font-weight: normal; line-height: normal; margin-left: 25px; }



div.level2 { border:none;  }

#custommenu-mobile #menu-mobile-7 { display:none; }



}









@media only screen and (min-width:569px) and (max-width:767px) {



#menu-content { background:#ffffff; }



.menu-mobile .parentMenu { border-color:#e2e2e2; }



#menu-content .level0 a {  font-family: PT Sans; color: #555555; font-size: 14px; text-decoration: none; text-transform: uppercase; }



#menu-content .level0 a:hover { color:#1e1e1e; }



#menu-content .level1 a { color: #222222;  font-weight: normal; line-height: normal; margin-left: 15px; }



#menu-content .level2 a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #222222; font-weight: normal; line-height: normal; margin-left: 25px; }



div.level2 { border:none;  }

#custommenu-mobile #menu-mobile-7 { display:none; }



}





@media only screen and (min-width:768px) and (max-width:980px) {

.top-nav .menu a  { font-size: 13px; padding: 14px 15%; }

}

@media only screen and (min-width:981px) and (max-width:1169px) {

.top-nav .menu a  { padding:14px 22px; }

}