@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700');

#custommenu {
    position: relative;
    font-size: 13px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    border-radius: 2px;
    height: auto;
    margin: 15px 0 0 0;
    line-height: 0;
}
/*IE7 fix*/
*:first-child+html #custommenu {
    z-index: 998;
}
div.menu {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    display: inline-block;
    float: left;
}
div.menu a:link, div.menu a:visited {
    display: block;
    padding: 7px 7px 8px;
}
div.menu a span {color: #486a84;display: block;padding:0;text-transform: capitalize;}
div.menu a span:hover {
    cursor: pointer;
}
div.wp-custom-menu-popup {
    position: absolute;
    z-index: 1000;
    display: none;
    text-align: left;    
    border-top: 0;
    width: 100%;
    margin-top: -1px;
}
div.wp-custom-menu-popup .block1{padding: 0 0 10px 0;}
div.menu a, div.wp-custom-menu-popup a {
    text-decoration: none;
    display:block;
    cursor: pointer;
    _height: 0;
    height: auto;
    line-height:16px;
}
div.level1 {
    margin-bottom: 5px;
}
div.level2 {
    margin-bottom: 5px;
}
div.block2 {
    padding-top: 0px;
    display: block;
}
a.level1:link, a.level1:visited {
    margin-bottom: 8px;
    padding-left: 10px; 
    border-radius: 2px;
}
a.level2:link, a.level2:visited {
    /*border-radius: 2px;*/
}
/* 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;
    width: 25%; /* for 3 columns*/
    padding: 0px 1%;
    margin: 0px 0px 0px 0px;
}
/*end COLUMN WIDTH  */

div.itemSubMenu {
    margin-left: 0px;
}
.clearBoth {
    clear:both;
    height: 0;
    overflow: hidden;
}
div.level1 {
    margin-bottom: 0px;
}
/*BG*/
#custommenu {
}
div.wp-custom-menu-popup {
    background-color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 8px 0px;
}
div.menu a:link, div.menu a:visited {
}
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;
}
/*FONTS*/
div.menu {
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    /*font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;*/
     font-family: 'Ubuntu', sans-serif;
    line-height: 0;
}
a.level1:link, a.level1:visited {
    text-transform: none;
    font-weight: 500;
}
a.level2:link, a.level2:visited {
    font-weight: normal;
    padding: 5px 10px;
    margin-bottom: 10px;
}
/*COLOR*/
#custommenu {
    /*background-color: #fff;*/
}
div.menu a:link, div.menu a:visited {
    /*background-color: #fff;*/
    color: #636363;
    text-transform: uppercase;
}
a.level1:link, a.level1:visited {
    color: #4066a0;
}
a.level2:link, a.level2:visited {
    color: #4066a0;
}
div.menu a:hover,
div.menu.act a,
div.menu.active a {
    color: #3399cc;
}
a.level1:hover, a.level1.act, a.level1.actParent {
    color: #3D6599;
}
a.level2:hover, a.level2.act, a.level2.actParent {
    color: #40525E;
}
.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;
    top: 7px;
}
#menu-button {
    float: none;
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    border-bottom: 1px solid #fff;
    text-transform: uppercase;
    display: none;
}
#menu-button a:link, #menu-button a:visited {

    display: block;
    float: left;
    margin-left: 45%;
    position: relative;
    padding: 0px 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 0px 0px 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: 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 45px 10px 24px;
    /*margin-right: 80px;*/
    color: #636363;
    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;
}
.menu-mobile a:hover {
    text-decoration: none;
}
.menu-mobile.level0 .parentMenu a:link,
.menu-mobile.level0 .parentMenu a:visited {
    /*text-transform: uppercase;*/
}
.menu-mobile .parentMenu a.level1:link,
.menu-mobile .parentMenu a.level1:visited,
.menu-mobile .parentMenu a.level2:link,
.menu-mobile .parentMenu a.level2:visited {
    text-transform: none;
}
.menu-mobile .parentMenu a.level1:link,
.menu-mobile .parentMenu a.level1:visited {
    margin-left: 20px;
}
.menu-mobile .parentMenu a.level2:link,
.menu-mobile .parentMenu a.level2:visited {
    margin-left: 40px;
}
.menu-mobile .parentMenu a:hover,
.menu-mobile .parentMenu a.act,
.menu-mobile .parentMenu a.actParent {
    color: #3399cc;
}
#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: 61px -165px;
    background-image: url('../../../../furniturework/images/sprite.png');
}
#custommenu-mobile .button.open {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 61px -196px;
    background-image: url('../../../../furniturework/images/sprite.png');
}
#custommenu-mobile .level1 .button {
    background-size: 8px;
/*    background-image: url('images/close-arrow.png');*/
    display: none;
}
#custommenu-mobile .level1 .button.open {
    background-size: 8px;
/*    background-image: url('images/open-arrow.png');*/
}
/*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: #fff;
}
#custommenu-mobile .level1 {
    background-color: #e4e4e4;
}
#custommenu-mobile .level2 {
    background-color: #f1f1f1;
    display: block;
}
.nav-container {padding-left: 15px; padding-right: 15px; width: 100%; background: #4066a0; height: 30px;}
.nav-container #custommenu {margin: 0 auto !important; padding-top: 0 !important; max-width: 1002px; text-align: center; z-index: 99;}

#header .fixed-position + .fixed-header-block + #wp-nav-container {left: 0; position: fixed; right: 0; top: 42px; width: 100%; z-index: 99;}
#header .fixed-position + .fixed-header-block + #wp-nav-container #custommenu{margin-top: 3px; padding-top: 3px;}

.itemSubMenu.level1{margin-bottom: 38px;}
.parentMenu a{font-size: 13px; line-height: 15px; font-weight: 500;}
.menuoverlay {position: fixed; background: rgba(0,0,0,.5); top: 0; right: 0; bottom: 0; left: 0; z-index: 91; visibility: hidden; opacity: 0; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;}
a.level1:hover,
a.level2:hover{background: rgba(64, 102, 160, 0.5); color: #4066a0;}
.menu.active .level0{background: #fff;}
/*.menu.active .level0 span{color: #fff;}*/

.level1 > a.level1{font-weight: normal; padding-bottom: 5px; padding-top: 5px; border-radius: 0; margin-bottom: 0;}


/**** Shop by Category ****/
.cd-dropdown-wrapper.shop-by-cat { display: inline-block; float: left; margin-right: 0;}
.cd-dropdown{ opacity: 0; visibility: hidden; width: 100%; position: absolute; top: 30px; text-align: left; }
/*.cd-dropdown.first-l-active{ background: url("images/menu-bg.png") left top repeat-y #fff;}*/
.cd-dropdown > ul { width: 200px; float: left; background-color: #fff; padding-bottom: 25px; padding-top: 16px; }
.cd-dropdown > ul.cd-dropdown-content{ box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 8px 0px; }
/*.cd-secondary-dropdown::after { position: absolute; left: 0; top: 0; content: ""; box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 8px 0px; height: 100%; width: 232px; }*/
.cd-secondary-dropdown{ display: none;}
div.level2 .itemMenuName.level2{ display: none;}
.cd-dropdown-wrapper.shop-by-cat .cd-dropdown-trigger{ display: inline-block; padding: 8px 64px 9px 7px; font-size: 13px; line-height: 13px; font-weight: 500; color: #fff; text-transform: capitalize; text-decoration: none;}
.cd-dropdown-wrapper.shop-by-cat .cd-dropdown-trigger:hover{color: #fff;}
.cd-dropdown-trigger .toggleline{ display: inline-block; width: 13px; height: 2px; background: #fff; margin-right: 9px; position: relative; top: -3px;}
.cd-dropdown-trigger .toggleline:before, .cd-dropdown-trigger .toggleline:after{ content: ""; width: 13px; height: 2px; background: #fff; display: block;}
.cd-dropdown-trigger .toggleline:before{margin-top: -5px;}
.cd-dropdown-trigger .toggleline:after{ margin-top: 8px;}
.cd-dropdown-wrapper.shop-by-cat:hover .cd-dropdown{ opacity: 1; visibility: visible;}
.cd-dropdown .cd-dropdown-content li{ display: block; margin-bottom: 0px;padding-bottom: 0;}
.cd-dropdown .cd-dropdown-content li a{ font-size: 13px; line-height: normal; font-weight: normal; color: #4066a0; padding: 5px 7px; display: block; text-decoration: none; position: relative; z-index: 9;}
.cd-dropdown .cd-dropdown-content li.has-children a{ background-image: url('../../../../furniturework/images/sprite.png'); background-repeat: no-repeat; background-position: 182px -139px;}
.cd-dropdown .cd-dropdown-content li.has-children a:hover{ background: #eff7fb; background-image: url('../../../../furniturework/images/sprite.png'); background-repeat: no-repeat; background-position: 182px -139px; }
.cd-dropdown .cd-dropdown-content li a:hover{ background: #eff7fb; }
.cd-dropdown .cd-dropdown-content li:hover > a{ background: #eff7fb; }
.cd-dropdown .cd-dropdown-content li.has-children:hover > a{ background: #eff7fb; background-image: url('../../../../furniturework/images/sprite.png'); background-repeat: no-repeat; background-position: 182px -139px; }
.cd-dropdown .cd-dropdown-content li .sub-div { height: 100%; }
.cd-dropdown > ul > li:hover > div { min-height: 100%; position: absolute; left: 0; width: 100%; height: 100%; top: 0;}

.cd-secondary-dropdown { position: absolute; top: 0; right:0; left: 200px; padding-left: 0; padding-bottom: 19px; padding-top: 19px; z-index: 0; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 8px 0px; }
.cd-secondary-dropdown li{ float: left; width: 25%; }
.cd-secondary-dropdown li:nth-child(4n+1){ clear: both;}
.cd-dropdown .cd-dropdown-content .cd-secondary-dropdown li a{ font-weight: 400; background-image: none; padding: 5px 15px;}
.cd-dropdown .cd-dropdown-content .cd-secondary-dropdown li a:hover{ background-image: none;}
.cd-secondary-dropdown .nav-column{ float: left; width: 33.33%;}
.cd-secondary-dropdown .nav-four-column{ float: left; width: 25%;}
.cd-secondary-dropdown .nav-column .category-level-2 > li a, .cat-level-2{ font-size: 16px; text-transform: capitalize; color: #000;}
.cd-secondary-dropdown .nav-column .category-level-2 > li a:hover, .cat-level-2:hover{ color: #000 !important;}
.cd-secondary-dropdown .nav-column .category-level-2 li{ width: 100%;}
.itemSubMenu.level1 {display: none;}
.wp-custom-menu-popup .block2{ padding: 15px;}

.cd-dropdown > ul > li:hover > div > ul { display: block; }

.block1 .column a{font-weight: normal; padding-bottom: 5px;padding-top: 5px;padding-left: 10px; border-radius: 0;margin-bottom: 0;}
.block1 .column a:hover{ background: #eff7fb; color: #4066a0;}
.block1 .column a span{font-weight: normal; color: #4066a0;}

.mega-menu{}

.mega-menu{ float: left; width: 78.8%; line-height: normal;}
.mega-menu .megamenu_list_item{ float: left; width: 100%; }
.mega-menu .megamenu_list_item > li{ float: left; }
.mega-menu .megamenu_list_item > li > a{ float: left; padding: 7px 5px 8px; line-height: 16px; text-decoration: none; font-weight: 500; color: #ffffff; position: relative;}
.mega-menu .megamenu_list_item > li > a{}
.mega-menu .megamenu_list_item > li > a:after {	top: 15px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute;	pointer-events: none; border-color: transparent; border-bottom-color: #fff; border-width: 8px; margin-left: -8px; z-index: 99; opacity: 0;}
.mega-menu .megamenu_list_item > li > a:hover:after{ opacity: 1;}
.mega-menu .megamenu_list_item > li:hover a:after{ opacity: 1;}

.tmpnone { display: none; left: 0; position: absolute; top: 31px; background: #fff; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.3); padding: 15px; width: 100%; }
.mega-menu .megamenu_list_item .tmpnone a{ float: left; padding: 5px 15px 5px; width: 100%; text-align: left; text-decoration: none;}
.mega-menu .megamenu_list_item .tmpnone a:hover{ background: #eff7fb;}
.mega-menu .megamenu_list_item .mgml:hover > div{display: block;}
.mega-menu .megamenu_list_item .mgml .tmpnone .cd-secondary-dropdown{ position: static; display: block; padding: 0; clear: both; width: 100%; float: left; box-shadow: none;}
.mega-menu .megamenu_list_item .mgml .tmpnone{ padding-left: 0; padding-right: 0;}

.arrbtn { display: none; }
#menu-mobile-loading{display: none;}


@media only screen and (max-width: 1053px){
  .block1 .column a, .mega-menu-mobile .megamenu_list_item > li .tmpnone .cd-secondary-dropdown li a{ padding: 10px 45px 10px; display: block; background-color: #e4e4e4; font-size: 13px; line-height: 15px; border-bottom: 1px solid #dadada;}
  .block1 .column a:last-child { border: 0;}
  .block1 .column a span{ color: #636363;}
  .block1 .column a:hover{ background: #fff;}
  .block1 .column a:hover span{ color: #39c;}
  
  .mega-menu-mobile .megamenu_list_item > li span.arrbtn { background-color: transparent; background-image: url("../../../../furniturework/images/sprite.png"); background-position: 61px -165px; background-repeat: no-repeat; cursor: pointer; display: block; height: 38px; position: absolute; right: 1%; top: 0; width: 80px; }
  .mega-menu-mobile .megamenu_list_item > li span.arrbtn.open { background-color: transparent; background-image: url("../../../../furniturework/images/sprite.png"); background-position: 61px -196px; background-repeat: no-repeat; }
  .mega-menu-mobile .megamenu_list_item > li .tmpnone{position: relative; box-shadow: none; top: 0; padding: 0; border-top: 1px solid #dadada;}
  .mega-menu-mobile .megamenu_list_item > li .tmpnone .column{padding: 0; width: 100%;}
  .mega-menu-mobile .megamenu_list_item > li .tmpnone .column a:hover{ background-color: #fff !important; }
  
  .mega-menu-mobile .megamenu_list_item > li .tmpnone .cd-secondary-dropdown{ position: static; padding: 0; display: block; float: left; width: 100%;}
  .mega-menu-mobile .megamenu_list_item > li .tmpnone .cd-secondary-dropdown li a{ color: #636363;}
  .mega-menu-mobile .megamenu_list_item > li .tmpnone .cd-secondary-dropdown li a:hover{ background: #fff; color: #4066a0;}
  .mega-menu-mobile .megamenu_list_item > li .tmpnone .nav-four-column, .mega-menu-mobile .megamenu_list_item > li .tmpnone .nav-column{ width: 100%;}
  .category-level-2 > li a{ text-transform: capitalize; color: #000 !important;}
  
  .cd-secondary-dropdown { display: block; }
  .nav-container {padding-left: 0; padding-right: 0; width: 100%; height: 100%; background: #ffffff; position: relative; z-index: 99;}
  .arrbtn { display: block; background-color: transparent; background-image: url(../../../../furniturework/images/sprite.png); background-position: 61px -165px; background-repeat: no-repeat; cursor: pointer; height: 38px; position: absolute; right: 1%; top: 0; width: 80px; }
  .nav-container .sub-div { display: none;}
  .mega-menu-mobile .megamenu_list_item > li { position: relative; border-bottom: 1px solid #dadada; display: block; padding: 0; text-align: left; clear: both; list-style: none;  margin: 0;}
  .mega-menu-mobile .megamenu_list_item > li > a { background-color: #fff; color: #636363; display: block; padding: 10px 45px 10px 20px; font-size: 13px; font-weight: 500; line-height: 15px; text-decoration: none; }
  .nav-opener, .nav-opener-container { width: 52px !important; height: 52px !important; }
  .nav-opener-container { position: absolute !important}
  .nav-active .nav-opener:after, .nav-active .nav-opener:before {top: 25px !important;}
  .nav-container .category-level-3 { display: none;}
  .cd-secondary-dropdown { position: relative; top: 0; right: 0; left: 0; padding:0 0; z-index: 0; background-color: #fff; box-shadow: none; width: 100%; float: left }
  .cd-secondary-dropdown .nav-column, .cd-secondary-dropdown li { float: left; width: 100%; }
  .cd-secondary-dropdown .nav-column ul li a, .cd-secondary-dropdown .nav-column .category-level-2 > li a, .cat-level-2, .cd-secondary-dropdown li a { padding: 10px 45px 10px; display: block; background-color: #e4e4e4; font-size: 13px; line-height: 15px; border-bottom: 1px solid #dadada; color: #636363 !important;}

}

@media only screen and (max-width: 1052px){
    .nav-container{ background: transparent;}
    #header .fixed-position + .fixed-header-block + #wp-nav-container{ top: 52px;}
}

@media only screen and (max-width: 979px) {
    #custommenu-mobile { top: -39px !important}
    .nav-container { height: 30px;}
}

@media only screen and (max-width: 767px){
    #custommenu-mobile > div {height: 273px; overflow: auto;}
    .nav-container{padding: 0; background: transparent;}
    #custommenu-mobile .level0{background-color: #fff;}
    .parentMenu a {font-size: 16px; line-height: 18px; color: #4066a0;}
    #header .fixed-position + .fixed-header-block + #wp-nav-container{top: 52px;}
    #custommenu-mobile .level1 {background-color: #f1f1f1;}
    a.level2:link, a.level2:visited{margin-bottom: 0;}
    #header .nav-container{ display: block;}
    
    .block1 .column a, .mega-menu-mobile .megamenu_list_item > li .tmpnone .cd-secondary-dropdown li a{ background-color: #f1f1f1; font-size: 16px; line-height: 18px; font-weight: 500;}
    .block1 .column a span{ font-weight: 500;}
    
    .mega-menu-mobile .megamenu_list_item > li > a, .cd-secondary-dropdown .nav-column ul li a, .cd-secondary-dropdown .nav-column .category-level-2 > li a, .cat-level-2, .cd-secondary-dropdown li a{font-size: 16px; line-height: 18px;}
}

@media only screen and (max-width: 670px){
    #custommenu-mobile { top: -85px !important; }
}