/*========================================================
                      Header styles
=========================================================*/
header {
  font: 400 10px/12px "Montserrat", sans-serif;
  text-transform: uppercase;
  padding: 9px 0 13px;
  margin: 0 0 30px; }
  header .btn-group {
    vertical-align: top; }

#top {
  font: 400 10px/12px "Montserrat", sans-serif;
  text-transform: uppercase;
  padding-top: 15px;
  padding-bottom: 10px; 
}

nav {
  color: #000; }
  nav a, nav a:visited {
    color: #000; }
  nav a:hover, nav a:focus, nav a:active {
    color: #ffdb14; }

/*========================================================
                      Menu styles
=========================================================*/
.sf-menu {
  display: inline-block; }
  .sf-menu:before, .sf-menu:after {
    display: table;
    content: "";
    line-height: 0; }
  .sf-menu:after {
    clear: both; }
  .sf-menu > li {
    position: relative;
    float: left; }
    .sf-menu > li + li {
      margin-left: 19px; }

.navigation {
  position: relative; }

.megamenu {
  position: relative;
  margin: 0 auto;
  text-align: left; 
  padding-top: 5px;
}

.container > .megamenu-wrap{
	width: 85%;
}
/*================ Menu  ===============*/
.sf-menu {
  list-style: none;
  padding: 0;
  margin: 10px 0 4px; }
  .sf-menu li {
    position: relative; }
    .sf-menu li.sf-with-mega {
      position: static; }
  .sf-menu > li {
    float: left; }
    .sf-menu > li > a {
      display: inline-block;
      position: relative;
      font: bold 14px Arial, sans-serif;
      text-transform: uppercase;
/*		word-break: break-word; */
/*      color: #fff;*/
      -moz-transition: 0.4s color;
      -o-transition: 0.4s color;
      -webkit-transition: 0.4s color;
      transition: 0.4s color; }
	.container > .sf-menu > li > a {
		word-break: break-word;
		font: bold 12px Arial, sans-serif;
	}
      .sf-menu > li > a:before {
        position: absolute;
        display: inline-block;
        pointer-events: none;
        bottom: 0;
        height: 1px;
        left: 50%;
        width: 0;
        content: '';
        background: #000;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease; }
    .sf-menu > li.sfHover > a:before, .sf-menu > li > a.active:before, .sf-menu > li > a:hover:before, .sf-menu > li > a:focus:before, .sf-menu > li > a:active:before {
      left: 0;
      width: 100%; }

/*================ Sub-menu lvl1  ===============*/
.sf-menu .simple_menu {
  list-style-type: none;
  display: none;
  position: absolute;
  z-index: 109;
  top: 100%;
  left: 0;
  width: 220px;
  margin-top: 20px;
  font-size: 10px;
  line-height: 12px;
  background: #fbfbfb;
  padding: 20px 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/*================ Sub-menu lvl1 item  ===============*/
.sf-menu .simple_menu li {
  position: relative; }
  .sf-menu .simple_menu li + li {
    margin-top: 10px; }
.sf-menu .simple_menu a {
  display: inline-block;
  padding: 0; }

/*================ Sub-menu lvl2 ===============*/
.sf-menu .simple_menu .simple_menu {
  left: 247px;
  top: -35px;
  margin-top: 0; }
  .sf-menu .simple_menu .simple_menu:before {
    display: none; }

.menu-gadget {
  display: none !important; }

/*--------------------------------------------------------------
                     Megamenu Styles
--------------------------------------------------------------*/
.sf-menu .sf-mega {
  display: none;
  position: absolute;
  overflow: hidden;
  list-style-type: none;
  left: 0;
  top: 100%;
  width: 100%;
  margin-top: 8px;
  font-size: 10px;
  line-height: 0;
  font-weight: 400;
  background: #fbfbfb;
  padding: 30px 30px 16px;
  z-index: 8; }
  .sf-menu .sf-mega .container, .sf-menu .sf-mega [class*="col-"], .sf-menu .sf-mega .row {
    width: 100%;
    padding: 0;
    margin: 0; }
  .sf-menu .sf-mega .sf-mega_section {
    position: relative;
    line-height: 12px; }
  .sf-menu .sf-mega > li {
    padding: 0; }
    .sf-menu .sf-mega > li li + li {
      margin-top: 7px; }
    .sf-menu .sf-mega > li .submenu_title {
      padding-bottom: 7px; }
      .sf-menu .sf-mega > li .submenu_title a {
        color: #777; }
        .sf-menu .sf-mega > li .submenu_title a:hover {
          color: #000; }
    .sf-menu .sf-mega > li a {
      display: inline; }
      .sf-menu .sf-mega > li a:hover {
        color: #000; }
  .sf-menu .sf-mega ul {
    padding: 0;
    list-style-type: none;
    margin-bottom: 10px; }
  .sf-menu .sf-mega_row {
    margin: 0 -15px; }
    .sf-menu .sf-mega_row:before, .sf-menu .sf-mega_row:after {
      display: table;
      content: "";
      line-height: 0; }
    .sf-menu .sf-mega_row:after {
      clear: both; }
  .sf-menu .sf-mega_section {
    float: left;
    padding: 0 15px; }
  .sf-menu .sf-mega .banners {
    margin-bottom: 10px; }
    .sf-menu .sf-mega .banners a {
      margin-bottom: 0; }

@media (min-width: 768px) {
  .sf-mega_li {
    float: left;
    position: relative;
    z-index: 9;
    display: inline-block; } }
/*--------------------------------------------------------------
                      sf-with-ul styles
--------------------------------------------------------------*/
.sf-menu > li > .sf-with-ul span {
  position: relative;
  display: block; }

.sf-menu > li.sfHover > .sf-with-ul span:before {
  bottom: -42px; }

.sf-menu ul > li > .sf-with-ul {
  position: relative; }

@media (min-width: 768px) and (max-width: 991px) {
  .sf-menu .sf-mega > li .submenu_title {
    padding-bottom: 8px; }

  .sf-menu .simple_menu {
    width: 195px; } }   
@media (max-width: 991px) {
  .navigation {
    line-height: 0; }

  .dropdown-menu {
    min-width: 100px; }
    .dropdown-menu > li {
      padding-left: 10px;
      padding-right: 10px; }

  .toggle_cont {
    width: 170px; }

  .megamenu {
    padding: 0; }

  .sf-mega_li {
    width: auto !important; }

  .sf-menu {
    display: none; }

  .sf-mega_section {
    width: 100% !important; } }
/*==================  Stuck menu  ======================*/
.stuck-menu {
  width: auto !important; }

.ajax-overlay-open .scroll-fix {
  z-index: 996; }

@media only screen and (min-width: 991px) {
  .scroll-fix {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    -moz-transition: 0.4s all ease;
    -o-transition: 0.4s all ease;
    -webkit-transition: 0.4s all ease;
    transition: 0.4s all ease;
    background: #f8f8f8; } }
@media only screen and (max-width: 991px) {
  .stuck-menu {
    position: static; }
    .stuck-menu + .stuck-menu {
      display: none; } }
/*==================   RD Mobile Menu    =====================*/
.rd-mobilemenu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 999;
  text-align: left; }
  .rd-mobilemenu.active {
    right: 0; }

.rd-mobilemenu_ul {
  position: fixed;
  top: -50px;
  left: 0;
  bottom: -50px;
  width: 240px;
  padding: 120px 0 70px;
  color: #666;
  background: #FFF;
  font-size: 14px;
  line-height: 20px;
  overflow: auto;
  -webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-transform: translateX(-240px);
  -ms-transform: translateX(-240px);
  -o-transform: translateX(-240px);
  -webkit-transform: translateX(-240px);
  transform: translateX(-240px);
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease; }
  .rd-mobilemenu.active .rd-mobilemenu_ul {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  .rd-mobilemenu_ul > li {
    overflow: hidden; }
    .rd-mobilemenu_ul > li > a {
      display: inline-block;
      width: 100%; }
  .rd-mobilemenu_ul .submenu_title > a, .rd-mobilemenu_ul li > a {
    display: block;
    color: #777;
    padding: 12px 45px 12px 20px; }
    .rd-mobilemenu_ul .submenu_title > a:visited, .rd-mobilemenu_ul li > a:visited {
      color: #777; }
    .rd-mobilemenu_ul .submenu_title > a:hover, .rd-mobilemenu_ul .submenu_title > a:active, .rd-mobilemenu_ul .submenu_title > a:focus, .rd-mobilemenu_ul .submenu_title > a.active, .rd-mobilemenu_ul li > a:hover, .rd-mobilemenu_ul li > a:active, .rd-mobilemenu_ul li > a:focus, .rd-mobilemenu_ul li > a.active {
      color: #fff;
      background: #ffdb14; }
    .rd-mobilemenu_ul .submenu_title > a img, .rd-mobilemenu_ul li > a img {
      float: left;
      width: 70px;
      margin: 0 5px 10px 0; }
    .rd-mobilemenu_ul .submenu_title > a span, .rd-mobilemenu_ul li > a span {
      font-size: 14px;
      line-height: 16px; }
    .rd-mobilemenu_ul .submenu_title > a .rd-submenu-toggle, .rd-mobilemenu_ul li > a .rd-submenu-toggle {
      position: absolute;
      top: 50%;
      right: 9px;
      margin-top: -16px;
      width: 32px;
      height: 32px;
      font: 400 10px "FontAwesome";
      line-height: 32px;
      text-align: center;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      z-index: 1;
      background: rgba(0, 0, 0, 0.1); }
      .rd-mobilemenu_ul .submenu_title > a .rd-submenu-toggle:after, .rd-mobilemenu_ul li > a .rd-submenu-toggle:after {
        content: '\f078'; }
      .rd-mobilemenu_ul .submenu_title > a .rd-submenu-toggle:hover, .rd-mobilemenu_ul li > a .rd-submenu-toggle:hover {
        background: #FFF;
        color: #666; }
    .rd-mobilemenu_ul .submenu_title > a.rd-with-ul, .rd-mobilemenu_ul li > a.rd-with-ul {
      position: relative; }
      .rd-mobilemenu_ul .submenu_title > a.rd-with-ul.active .rd-submenu-toggle, .rd-mobilemenu_ul li > a.rd-with-ul.active .rd-submenu-toggle {
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
  .rd-mobilemenu_ul ul {
    list-style-type: none;
    padding-left: 0; }
    .rd-mobilemenu_ul ul .submenu_title a {
      padding-left: 30px; }
  .rd-mobilemenu_ul ul ul a {
    padding-left: 40px;
    display: inline-block;
    width: 100%; }
  .rd-mobilemenu_ul:after {
    content: '';
    display: block;
    height: 20px; }
  .rd-mobilemenu_ul .megamenu_module a:hover {
    background: none; }

.rd-mobilemenu.active {
  background: rgba(255, 255, 255, 0.5); }

.rd-mobilepanel {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  background: none;
  color: #000;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  z-index: 10000; }

.rd-mobilepanel.scroll-bg {
    background-color: #fff;}  

.rd-mobilepanel_title {
  position: fixed;
  top: 0;
  letter-spacing: 0;
  left: 50px;
  right: 125px;
  color: #000;
  font-size: 16px;
  line-height: 50px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0; }

.rd-mobilepanel_toggle {
  background: none;
  border: none;
  display: inline-block;
  padding: 0;
  outline: none;
  outline-offset: 0;
  cursor: pointer;
  -webkit-appearance: none;
  position: fixed;
  top: 13px;
  left: 15px;
  width: 24px;
  height: 24px; }
  .rd-mobilepanel_toggle::-moz-focus-inner {
    border: none;
    padding: 0; }
  .rd-mobilepanel_toggle span {
    position: relative;
    display: block;
    margin: auto; }
    .rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before {
      content: "";
      position: absolute;
      left: 0;
      top: -6px; }
    .rd-mobilepanel_toggle span:after {
      top: 6px; }
    .rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span {
      width: 16px;
      height: 3px;
      background-color: #000;
      backface-visibility: hidden;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px; }
  .rd-mobilepanel_toggle span {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
    .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span:after {
      -moz-transform-origin: 1.14286px center;
      -ms-transform-origin: 1.14286px center;
      -o-transform-origin: 1.14286px center;
      -webkit-transform-origin: 1.14286px center;
      transform-origin: 1.14286px center;
      -moz-transform-origin: 1.14286px center;
      -ms-transform-origin: 1.14286px center;
      -o-transform-origin: 1.14286px center;
      -webkit-transform-origin: 1.14286px center;
      transform-origin: 1.14286px center; }
  .rd-mobilepanel_toggle.active span {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }
    .rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span:after {
      top: 0;
      width: 10px; }
    .rd-mobilepanel_toggle.active span:before {
      -webkit-transform: rotate3d(0, 0, 1, -40deg);
      transform: rotate3d(0, 0, 1, -40deg); }
    .rd-mobilepanel_toggle.active span:after {
      -webkit-transform: rotate3d(0, 0, 1, 40deg);
      transform: rotate3d(0, 0, 1, 40deg); }

@media (max-width: 991px) {
  body {
    padding-top: 50px; }

  .cart {
    top: 10px;
    right: 5px;
    height: 50px;
    z-index: 10001; }
    .cart > button {
      line-height: 50px;
      color: #000; }
}      

@media (max-width: 767px) {
  a {
    -moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none; }

  .megamenu_module {
    padding-left: 15px;
    padding-right: 15px; }
    .megamenu_module .box .box-heading {
      display: none; }
    .megamenu_module .product-thumb .image {
      margin-bottom: 15px; }
    .megamenu_module .product-thumb .price {
      margin-bottom: 0; }
    .megamenu_module .product-thumb .cart-button, .megamenu_module .product-thumb .btn-primary {
      display: none; }
    .megamenu_module .product-layout {
      margin-bottom: 0; }
    .megamenu_module .box {
      margin-bottom: 10px; }
    .megamenu_module .html-module {
      margin-top: 0; }

  .sf-mega_section {
    margin-bottom: 15px; }

  .rd-mobilemenu_ul ul {
    background-image: none !important; }

  header .nav {
    right: 103px;
    z-index: 10001; }
    header .nav > .toggle {
      line-height: 50px; }
    header .nav .toggle_cont a i {
      display: none; }
  header .button-wishlist {
    height: 50px;
    line-height: 50px;
    margin: 0;
    position: fixed;
    right: 50px;
    top: 0;
    z-index: 10001; }
    header .button-wishlist i {
      line-height: 50px;
      font-size: 24px; }

  .nav > .toggle {
    color: #000;
    font-size: 25px; }
    .nav > .toggle:hover {
      color: #fff; }

  .header-top .button-login {
    margin-left: 10px; }
  .header-top > .container > span a span {
    font-size: 12px; }

  .rd-mobilemenu_ul .banners.row {
    margin: 0; } }

@media (max-width: 991px) {
  .rd-mobilemenu, .rd-mobilepanel {
    display: block; }
}

