.menu-x-wrapper {
  z-index: 97;
  clear: both; }
  .menu-x-wrapper.cbp-hor-width-0 {
    padding-left: 0px;
    padding-right: 0px; }

.cbp-hor-width-1 .container {
  padding-left: 0px;
  padding-right: 0px; }

 

  .shopMenu .container .row {
    margin-left: 0px;
    margin-right: 0px; }

.cbp-sticky.m-sticky-transparent {
  opacity: 0.85;
  transition: opacity 300ms ease-in-out; }
  .cbp-sticky.m-sticky-transparent:hover {
    opacity: 1; }

#menu-x-horizantal.cbp-sticky {
  position: fixed !important;
  top: 0 !important;
  width: 100% !important;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  z-index: 90;
  left: 0;
  -webkit-backface-visibility: hidden; }
  @media (max-width: 999px) {
    #menu-x-horizantal.cbp-sticky {
      position: static !important; } }
  #menu-x-horizantal.cbp-sticky .menu-item > a > .m-legend {
    display: none; }

.x-menu {
  width: 100%; }
  @media (max-width: 999px) {
    .x-menu {
      display: none; } }
  .x-menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .x-menu .col-xs-12 {
    float: left; }
  .x-menu .menu-item-title {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px; }
 
  .x-menu .cbp-vertical-title {
    transition: all 300ms ease-in-out;
    padding: 0px 15px; }
    .x-menu .cbp-vertical-title .icon {
      margin-right: 10px; }
 
      .x-menu .mr {
        position: static;
      }
  .x-menu .mc-empty-title .mc-in > .mr:first-child {
    margin-top: -20px; }
  
  .x-menu .mc-title {
    display: block;
    margin-bottom: 8px; }
    .x-menu .mc-title .m-legend.m-legend-inner {
      top: -2px; }
      .x-menu .mc-title .m-legend.m-legend-inner .m-legend-arrow:before {
        top: -1px; }
    .x-menu .mc-title.mc-title-inline {
      padding: 0px !important;
      border: none  !important;
      margin: 0px  !important;
      margin-right: 10px  !important;
      display: inline-block;
      vertical-align: middle; }
  .x-menu .mc {
     margin-top: 10px;
	}
    .x-menu .mc .row {
      margin-left: -10px;
      margin-right: -10px; }
  .x-menu .cbp-mainlink-iicon, .x-menu .cbp-mainlink-icon {
    width: auto;
    display: inline;
    vertical-align: middle;
    margin-right: 4px; }
  .x-menu .icon-only .cbp-mainlink-iicon, .x-menu .icon-only .cbp-mainlink-icon {
    margin-right: 0px; }
  .x-menu .m-legend {
    display: inline-block;
    top: -30px;
    right: 5px;
    background-color: #999999;
    color: #ffffff;
    position: absolute;
    font-weight: normal;
    font-size: 10px;
    padding: 4px 6px;
    text-transform: none;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }
    .x-menu .m-legend .m-legend-arrow:before {
      font-family: "FontAwesome";
      content: "\F0D7";
      font-size: 15px;
      position: absolute;
      bottom: -10px;
      right: 5px; }
    .x-menu .m-legend.m-legend-inner {
      position: relative;
      top: 0px;
      margin-left: 5px;
      right: 0px;
      padding: 2px 4px;
      vertical-align: middle; }
      .x-menu .m-legend.m-legend-inner .m-legend-arrow:before {
        content: "\f0d9";
        bottom: 0px;
        top: 0px;
        margin-top: 1px;
        z-index: 2;
        right: auto;
        left: -4px; }
  
  
  
  
      
         
         
  .x-menu .cbp-products-list .product-name, .x-menu .cbp-products-list .product-name-container {
    height: auto;
    line-height: inherit; }
  .x-menu .cbp-products-list > li {
    padding-top: 9px;
    padding-bottom: 9px; }
  .x-menu .cbp-products-list .product-image-container {
    float: left;
    margin-right: 10px;
    max-width: 60px;
    min-width: 30px; }
  .x-menu .menu-x-sub-tabs-names {
    margin-right: -10px;
    margin-left: -10px; }
    .x-menu .menu-x-sub-tabs-names li {
      position: relative;
      border-bottom: 1px solid #cecece; }
      .x-menu .menu-x-sub-tabs-names li .cbp-inner-border-hider {
        position: absolute;
        top: 0px;
        background: white;
        display: block;
        height: 100%;
        z-index: 1;
        display: none; }
      .x-menu .menu-x-sub-tabs-names li.active .cbp-inner-border-hider {
        display: block; }
      .x-menu .menu-x-sub-tabs-names li a {
        position: relative;
        display: block;
        transition: none;
        padding: 14px 16px; }
  .x-menu.cbp-submenu-notarrowed .m-down-arrow {
    display: none; }
  .x-menu .m-down-arrow {
    margin-left: 3px; }
  .x-menu .cbp-submenu-it-indicator {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 10px;
    margin: auto;
    height: 15px; }
  .x-menu.cbp-menu-centered > ul {
    text-align: center; }
    .x-menu.cbp-menu-centered > ul > li {
      text-align: left;
      float: none; }
  .x-menu .mc-links li {
    margin: 3px 0;
    padding-left: 2px;
    position: relative; }
    .x-menu .mc-links li:last-child {
      margin-bottom: 0px; }
    .x-menu .mc-links li.menu-x-sub-haslevel2 > div > a:after, .x-menu .mc-links li .menu-x-sub-haslevel3 > div > a:after {
      content: "\f0da";
      display: inline;
      font-family: "FontAwesome";
      padding-left: 4px;
      opacity: 0.2;
      position: relative;
      -webkit-transition: opacity 0.3s ease;
      -moz-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease; }
    .x-menu .mc-links li a {
      padding-left: 10px;
      display: inline-block; }
      .x-menu .mc-links li a:before {
        content: "\f105";
        display: inline;
        font-family: "FontAwesome";
        position: absolute;
        left: 0px;
        -webkit-transition: left 0.3s ease, right 0.3s ease;
        -moz-transition: left 0.3s ease, right 0.3s ease;
        -o-transition: left 0.3s ease, right 0.3s ease;
        transition: left 0.3s ease, right 0.3s ease; }
      .x-menu .mc-links li a:hover:before {
        left: 3px; }
  .x-menu .mc-links.cbp-valinks-vertical li {
    display: inline-block;
    margin: 0px;
    margin-right: 12px;
    padding: 0px; }
  .x-menu .mc-links.cbp-valinks-vertical.cbp-valinks-vertical2 {
    display: inline-block;
    vertical-align: middle; }



/* first level ul style */
.x-menu > ul,
.x-menu .menu-x-sub-inner {
  margin: 0 auto; }

.x-menu > ul > li {
  display: inline-block;
  float: left;
  border-right: solid 1px #fff;
   }
   
.sub-x-menu > ul > li {
    display: inline-block;
    float: left;
    border-right: solid 1px #d8d0d0;
}

.x-menu > ul > li > a, .x-menu > ul > li > span.cbp-main-link {
  display: inline-block;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: color 0.3s ease, background-color 0.3s ease;
  -moz-transition: color 0.3s ease, background-color 0.3s ease;
  -o-transition: color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, background-color 0.3s ease; }
.x-menu > ul > li:first-child > a, .x-menu > ul > li:first-child > span.cbp-main-link {
  border-left: none !important; }

/* sub-menu */
.x-menu.cursor-arrowed .arrow-box {
  display: block; }

.x-menu .arrow-top {
  width: 0;
  height: 0;
  position: absolute;
  z-index: 1;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #fff;
  top: 1px; }

.x-menu .arrow-top-back {
  width: 0;
  height: 0;
  position: absolute;
  left: -1px;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-bottom: 13px solid #EAEAEA; }

.x-menu .arrow-box {
  display: none;
  left: 0px;
  top: 0px;
  position: absolute; }



.m-horizontal.cursor-arrowed .arrow-box {
  position: absolute;
  bottom: -13px; }

.cbp-vertical.cursor-arrowed .menu-x-sub-inner {
  margin-left: 12px; }

.m-horizontal.cursor-arrowed .menu-x-sub-inner {
  margin-top: 12px; }

.x-menu .menu-x-sub {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  display: none;
  padding-bottom: 20px;
  padding: 0px !important; }

.menu-current-item .menu-x-sub {
  visibility: visible;
  opacity: 1.0;
  z-index: 1; }

.x-menu .menu-x-sub-inner {
  background: #fff;
  border: 1px solid #EAEAEA; }
  .x-menu .menu-x-sub-inner > .row {
    margin-left: 10px;
    margin-right: 10px; }
    .x-menu .menu-x-sub-inner > .row:last-child {
      margin-bottom: 20px; }

.menu-x-sub-wide .menu-x-sub-inner .container > .row:last-child {
  margin-bottom: 20px; }

.x-menu .cbp-notfit {
  right: 0px; }

.x-menu .cbp-show {
  display: block; }
.cbp-category-link-w{
  position: relative;

}
.mc-list{
    display: inline-block;
}
.x-menu ul.menu-x-sub-level2 {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: 100%;
  margin-top: -20px;
  padding: 8px 10px;
  z-index: 3;
  width: auto;
  background: #fff;
  border: 1px solid #EAEAEA;
  white-space: nowrap; }
.x-menu ul.menu-x-sub-level3{
  left: 101%;
}



.menu-x-sub-haslevel3 > .cbp-category-link-w > ul {
        visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 100px;
    margin-top: -20px;
    padding: 8px 10px;
    z-index: 3;
    width: auto;
transition: visibility 180ms ease-in-out,opacity 180ms ease-in-out;
    white-space: nowrap;
left: 101%;
}
.menu-x-sub-haslevel3:hover > .cbp-category-link-w  > ul {
    visibility: visible;
    opacity: 1.0;
}

.menu-x-sub-haslevel3:hover .menu-x-sub-level2{
  visibility: visible;
  opacity: 1.0;
}
 .menu-x-sub-haslevel2:hover > div > ul.menu-x-sub-level2 {
  visibility: visible;
  opacity: 1.0; }

.x-menu .mc-tab-pane {
  display: none; }
  .x-menu .mc-tab-pane > div > .row:last-child {
    margin-bottom: 20px; }

.x-menu .menu-current-item .mc-tab-pane.active {
  visibility: visible;
  opacity: 1.0; }

.x-menu .mc-tab-pane.active {
  display: table-cell; }

/* wide submenu wrapper  */
.cbp-hor-width-0 .menu-x-sub-wide .menu-x-sub {
  width: 100%;
  left: 0; }

/* wide submenu submenucontent  */
.menu-x-sub-wide.menu-x-sub-widec .menu-x-sub-inner {
  width: 100%;
  max-width: 100%; }

/* narrow submenu wrapper  */
.menu-x-sub-narrow {
  position: relative; }

/* submenu effects  */
.cbp-fade .menu-x-sub {
  transition: visibility 300ms ease-in-out, opacity 300ms ease-in-out; }

.cbp-fade .menu-x-sub-level2 {
  transition: visibility 300ms ease-in-out, opacity 300ms ease-in-out; }

.cbp-fade .menu-x-sub-wrapper {
  transition: visibility 300ms ease-in-out, opacity 300ms ease-in-out; }

.cbp-fade.cbp-vertical > ul {
  transition: visibility 300ms ease-in-out, opacity 300ms ease-in-out; }

.fade-slide-bottom .menu-x-sub {
  transition: all 300ms ease-in-out;
  margin-top: 15px; }

.fade-slide-bottom .menu-current-item .menu-x-sub {
  transition: all 300ms ease-in-out;
  margin-top: 0px; }

.fade-slide-bottom .menu-x-sub-level2 {
  transition: visibility 300ms ease-in-out, opacity 300ms ease-in-out; }

.cbp-fade-slide-top .menu-x-sub {
  transition: all 300ms ease-in-out;
  margin-top: -15px;
  z-index: -20; }

.cbp-fade-slide-top .menu-current-item .menu-x-sub {
  transition: all 300ms ease-in-out;
  margin-top: 0px;
  z-index: 1; }

.cbp-fade-slide-top .menu-x-sub-level2 {
  transition: visibility 300ms ease-in-out, opacity 300ms ease-in-out; }

.x-menu .menu-x-sub-inner:before,
.x-menu .menu-x-sub-inner:after {
  content: "";
  display: table; }

.x-menu .menu-x-sub-inner:after {
  clear: both; }

.menu-x-sub h4 {
  color: #afdefa;
  padding: 2em 0 0.6em;
  margin: 0;
  font-size: 160%;
  font-weight: 300; }

.container-xs-height {
  display: table;
  padding-left: 0px;
  padding-right: 0px; }

.row-xs-height {
  display: table-row; }
  .row-xs-height:before {
    display: none; }
  .row-xs-height:after {
    display: none; }

.col-xs-height {
  display: table-cell;
  float: none;
  vertical-align: top; }



@media (max-width: 999px) {
  #menu-x-horizantal > .container {
    position: relative; } }



@media (max-width: 767px) {
  #menu-x-horizantal {
    background: transparent !important;
    border: none !important; } }


.x-menu .col-xs-1, .x-menu .col-xs-2, .x-menu .col-xs-3, .x-menu .col-xs-4, .x-menu .col-xs-5, .x-menu .col-xs-6, .x-menu .col-xs-7, .x-menu .col-xs-8, .x-menu .col-xs-9, .x-menu .col-xs-10, .x-menu .col-xs-11, .x-menu .col-xs-12, .x-menu .col-sm-1, .x-menu .col-sm-2, .x-menu .col-sm-3, .x-menu .col-sm-4, 
.x-menu .col-sm-5, .x-menu .col-sm-6, .x-menu .col-sm-7, .x-menu .col-sm-8, .x-menu .col-sm-9, .x-menu .col-sm-10, .x-menu .col-sm-11, .x-menu .col-sm-12, .x-menu .col-md-1, .x-menu .col-md-2, .x-menu .col-md-3, .x-menu .col-md-4, .x-menu .col-md-5, .x-menu .col-md-6, .x-menu .col-md-7, .x-menu .col-md-8, 
.x-menu .col-md-9, .x-menu .col-md-10, .x-menu .col-md-11, .x-menu .col-md-12, .x-menu .col-lg-1, .x-menu .col-lg-2, .x-menu .col-lg-3, .x-menu .col-lg-4, .x-menu .col-lg-5, .x-menu .col-lg-6, .x-menu .col-lg-7, .x-menu .col-lg-8, .x-menu .col-lg-9, .x-menu .col-lg-10, .x-menu .col-lg-11, .x-menu .col-lg-12
{
  padding-left: 10px;
  padding-right: 10px;
}

#menu-x-horizantal.m-nosticky .container{
max-width: 100%;
}

.cbp-hor-width-0 #menu-x-horizantal{
margin: 0 -500%;
padding: 0 500%;

}

.cbp-hor-width-0 #menu-x-horizantal  .container{
padding-left: 10px;
padding-right: 10px;
}

.cbp-hor-width-0 #menu-x-horizantal.cbp-sticky{
  margin: 0px;
  padding: 0px;
}

/*.menu-x-wrapper{
  padding-top: 25px;
}*/

body, #page{
    overflow-x: hidden;
}



#m-horizontal {
    border-top: 1px none #cecece;
    border-bottom: 1px none #cecece;
    border-left: 1px none #cecece;
    border-right: 1px none #cecece;
    background-color: #333333;
}

.m-horizontal .m-legend {
    background-color: #e11411;
    color: #ffffff;
}

.m-horizontal .m-legend .m-legend-arrow {
    color: #e11411;
}


.m-horizontal>ul>li.menu-current-item>a:hover {
  color: #333; 
}

.m-horizontal>ul>li>a,
.m-horizontal>ul>li>span.cbp-main-link {
    color: #ffffff;
    line-height: 34px;
    padding-left: 14px;
    max-width: 400px;
    padding-right: 14px;
    font-weight: 500;
    // text-transform: uppercase;
    font-size: 13px;
    border-left: 1px none #cecece;
}

.sub-x-menu.m-horizontal>ul>li>a,
.sub-x-menu.m-horizontal>ul>li>span.cbp-main-link {
    color: #fff;
    line-height: 20px;
    padding-left: 12px;
    max-width: 400px;
    padding-right: 14px;
    font-weight: normal;
    text-transform: none;
    font-size: 14px;
    border-left: 1px none #cecece;
}


.m-horizontal .menu-item-title {
    line-height: 15px;
}

@media (min-width: 1320px) {
    .m-horizontal .menu-item-title {
        line-height: 15px;
    }
    .m-horizontal>ul>li>a,
    .m-horizontal>ul>li>span.cbp-main-link {
        font-size: 13px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

.cbp-vertical-on-top .cbp-vertical-title {
    line-height: 50px;
}

.m-horizontal>ul>li>a .cbp-mainlink-icon,
.m-horizontal>ul>li>a .cbp-mainlink-iicon {
    font-size: 14px;
    max-height: 14px;
}



 .sub-x-menu.m-horizontal .menu-item-title {
        line-height: 12px;
    }
    .sub-x-menu.m-horizontal>ul>li>a,
    .sub-x-menu.m-horizontal>ul>li>span.cbp-main-link {
        font-size: 12px;
        padding-left: 10px;
        padding-right: 10px;
    }


.sub-x-menu.m-horizontal>ul>li>a .cbp-mainlink-icon,
.sub-x-menu.m-horizontal>ul>li>a .cbp-mainlink-iicon {
    font-size: 12px;
    max-height: 12px;
}


.x-menu .menu-x-sub-inner,
.x-menu ul.menu-x-sub-level2,
.menu-x-sub-haslevel3>.cbp-category-link-w>ul {
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    background-color: #ffffff;
}

.x-menu .arrow-top {
    border-bottom-color: #ffffff;
    top: 1px;
}

.x-menu .cbp-triangle-left {
    border-right-color: #ffffff;
    left: 1px;
}

.x-menu .arrow-top-back {
    left: -1px;
    border-bottom: 13px solid #cecece;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
}

.x-menu .cbp-triangle-left-back {
    left: -13px;
    border-right: 13px solid #cecece;
    border-bottom: 13px solid transparent;
    border-left: 13px solid transparent;
}

.x-menu .menu_column {
    border-color: #cecece;
}

.x-menu .menu-x-sub-inner,
.x-menu ul.menu-x-sub-level2,
.menu-x-sub-haslevel3:hover>.cbp-category-link-w>ul {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.x-menu .menu-x-sub-tabs-names li .cbp-inner-border-hider {
    width: 1px;
    right: -1px;
}

.x-menu .menu-x-sub-tabs-names li {
    border-bottom: 1px solid #cecece;
}

.x-menu .mc-tab-pane {
    border-left: 1px solid #cecece;
}

.is_rtl .x-menu .mc-tab-pane {
    border-right: 1px solid #cecece;
}

.x-menu .menu-x-sub-inner .mc-title,
.x-menu .menu-x-sub-inner a.mc-title:link {
    font-size: 110%px;
    line-height: 17px;
    color: #777777;
    text-transform: uppercase;
    font-weight: 600;
}

.x-menu .menu-x-sub-inner a.mc-title:hover {
    color: #333333;
}

.x-menu .menu-x-sub-inner .mc-title {
    padding-bottom: 6px;
    border-bottom: 1px solid #cecece;
}

.x-menu .menu-x-sub-inner {
    font-size: 12px;
    line-height: 16px;
    color: #777777;
}

.x-menu .menu-x-sub-inner a,
.x-menu .menu-x-sub-inner a:link {
    color: #777777;
}

.x-menu .menu-x-sub-inner a:hover {
    color: #333333;
}

.cbp-vertical-title {
    background-color: #000000;
    color: #ffffff;
    font-size: 14px;
    line-height: 45px;
    text-transform: uppercase;
}

.cbp-vertical-title:hover {
    background-color: #282828;
    color: #ffffff;
}

.x-menu.cbp-vertical>ul {
    border-top: 1px none #cecece;
    border-bottom: 1px solid #cecece;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    background-color: #ffffff;
}

.cbp-vertical .m-legend {
    background-color: #CA5058;
    color: #ffffff;
}

.cbp-vertical .m-legend .m-legend-arrow {
    color: #CA5058;
}

.cbp-vertical>ul>li.menu-current-item>a,
.cbp-vertical>ul>li.menu-current-item>a:hover {
    
}

.cbp-vertical>ul>li>a,
.cbp-vertical>ul>li>span.cbp-main-link {
    color: #777777;
    padding-top: 20px;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-size: 14px;
    border-top: 1px solid #cecece;
}

.cbp-vertical>ul>li>a .cbp-mainlink-icon,
.cbp-vertical>ul>li>a .cbp-mainlink-iicon {
    font-size: 14px;
    max-height: 14px;
}

.cbp-vertical-on-top .x-menu.cbp-vertical>ul {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.x-menu .menu-x-sub-inner .cbp-tabs-names li a {
    background-color: #F9F9F9;
    color: #777777;
}

.x-menu .cbp-submenu-it-indicator {
    color: #777777;
}
.x-menu .menu-x-sub-tabs-names li a{background-color:#F9F9F9}
.cbp-tabs-names li a:hover,
.x-menu .menu-x-sub-tabs-names li.active a,
.cbp-tabs-names li .cbp-inner-border-hider {
    background-color: #ffffff;
    color: #777777;
}

.x-menu li.active .cbp-submenu-it-indicator {
    color: #777777;
}

/******************************************************/


/* #x-menu > ul > li.on { */
  /* background: url(sprite/sprite_new.png) repeat-x 0px -238px; */
    /* border-color: #2c3eca; */
/* } */