.header-bottom {
    color: #222529;
}
.mb-lg-2 {
    margin-bottom: 2rem !important;
}
.mb-lg-2, .my-lg-2 {
    margin-bottom: .5rem !important;
}
*, ::after, ::before {
    box-sizing: border-box;
}
body {
    line-height: 2.4rem;
}
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
*, ::after, ::before {
    box-sizing: border-box;
}

.sticky-header.fixed {

  position: fixed;

  right: 0;

  left: 0;

  padding: 0;

  background-color: #2e3d5c;

  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);

  z-index: 1040; }

  .sticky-header.fixed .logo img {

    transform: scale(0.8);

    transform-origin: left center; }

  .sticky-header.fixed .nav-tabs {

    border-bottom-width: 0; }

.sticky-header.deprecated-sticky:not(.fixed) .logo,

.sticky-header.deprecated-sticky:not(.fixed) .cart-dropdown {

  display: none; }

.sticky-header.deprecated-sticky.fixed .main-nav {

  width: auto; }

.main .sticky-header:not(.fixed) > .container {

  padding-left: 0;

  padding-right: 0; }

.main .sticky-header.fixed {

  min-height: 38px;

  padding-top: 15px;

  padding-bottom: 15px;

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

  overflow: hidden;

  z-index: 1039; }

  .main .sticky-header.fixed .container {

    margin: 0 auto; }

  .menu ul.sub-menus > li {
    max-width: 250px;
    background-color: #fff;
  }
  .menu ul.sub-menus {
    min-width: 450px;
    overflow-y: scroll !important;
    max-height: 400px;
    background-color: transparent;
    box-shadow: none;
  }
  .menu ul.sub-menus::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }

header {

  position: relative; }

  header .container,

  header .container-fluid {

    display: flex;

    display: -ms-flexbox;

    align-items: center;

    -ms-flex-align: center;

    justify-content: space-between;

    -ms-flex-pack: justify;

    position: relative; }

  header p {

    margin-bottom: 0; }



.header a {

  color: inherit; }



.header-top {

  border-bottom: 1px solid #e7e7e7;

  color: #777;

  font-size: 1.1rem;

  font-weight: 600;

  letter-spacing: 0.025em; }

.header-middle {

  color: #222529; }

.header-bottom {

  color: #222529; }



.header-left,

.header-center,

.header-right {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center; }



.header-center,

.header-right {

  margin-left: auto; }



.header-transparent {

  position: absolute;

  right: 0;

  left: 0;

  background-color: transparent;

  z-index: 1040; }



.logo {

  max-width: 100px; }



.header-contact {

  align-items: center;

  text-transform: uppercase; }

  .header-contact i {
    margin-right: 4px;
    font-size: 36px; 
  }

  .header-contact img {

    margin-right: .8rem; }

  .header-contact h6 {
    margin: 0;
    font-size: 12px;
    line-height: 1.3;
    color: #777; 
  }

  .header-contact a {

    display: block;

    font-size: 16px;

    font-weight: 700;

    white-space: nowrap; }



.mobile-menu-toggler {

  border: 0;

  background: transparent;

  color: #222529;

  padding: 1rem .5rem;

  margin-right: .5rem;

  font-size: 20px;

  line-height: 0;

  cursor: pointer; }



.badge-circle {

  position: absolute;

  top: 1px;

  right: 0;

  width: 1.6rem;

  border-radius: 50%;

  color: #fff;

  background: #ff5b5b;

  font-weight: 600;

  font-size: 1.1rem;

  line-height: 1.6rem;

  font-family: "Open Sans", sans-serif;

  text-align: center; }



header .social-icon {

  border-radius: 50%;

  color: inherit;

  font-size: 1.4rem;

  width: 2.548rem;

  height: 2.548rem;

  line-height: 2.548rem; }

  header .social-icon:not(:hover):not(:active):not(:focus) {

    background-color: transparent; }

  header .social-icon + .social-icon {

    margin-left: 0px; }

header .separator {

  height: 20px;

  border-left: 1px solid #e7e7e7;

  margin: 0 10px; }



.top-notice {

  position: relative;

  padding: 1rem 2rem;

  font-size: 1.3rem;

  font-family: Poppins, sans-serif;

  line-height: 2;

  letter-spacing: .025em; }

  .top-notice h5 {

    color: inherit;

    font-size: inherit;

    font-weight: 500; }

  .top-notice small {

    font-size: .8461em;

    letter-spacing: .025em;

    opacity: .5; }

  .top-notice a {

    color: inherit;

    font-weight: 700; }

  .top-notice .category {

    display: inline-block;

    padding: .3em .8em;

    background: #151719;

    font-size: 1rem; }

  .top-notice .mfp-close {

    top: 50%;

    transform: translateY(-50%) rotateZ(45deg) translateZ(0);

    color: inherit;

    opacity: .7;

    z-index: 10; }

    .top-notice .mfp-close:hover {

      opacity: 1; }



.header-icon:not(:last-child) {

  margin-right: 2.2rem; }

.header-icon i {

  font-size: 2.7rem; }



@media (min-width: 992px) {

  .mobile-menu-toggler {

    display: none; } }

@media (max-width: 991px) {

  .main-nav {

    display: none; } }

@media (max-width: 767px) {

  .header .separator {

    display: none; } }

@media (max-width: 575px) {

  .top-notice {

    line-height: 1.5; }



  .logo {

    max-width: 100px; }



  .header-icon:not(:last-child) {

    margin-right: 1.2rem; } }

.dropdownmenu-wrapper {

  position: relative;

  padding: 1rem 1.5rem .5rem;

  border: 1px solid #f0f0f0;

  background-color: #fff;

  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.15); }



.cart-dropdown .dropdown-menu, .compare-dropdown .dropdown-menu {

  display: block;

  left: 0;

  top: -999rem;

  width: 300px;

  padding-top: 10px;

  z-index: 100;

  font-size: 1.1rem;

  color: #696969;

  border: 0;

  margin: 0;

  background-color: transparent;

  box-shadow: none;

  visibility: hidden;

  opacity: 0;

  transition: opacity 1s; }

  .cart-dropdown .dropdown-menu.show, .compare-dropdown .dropdown-menu.show {

    opacity: 1;

    visibility: visible; }

.cart-dropdown:hover .dropdown-menu, .compare-dropdown:hover .dropdown-menu {

  top: 100%;

  opacity: 1;

  visibility: visible; }



.dropdown-toggle i {

  font-size: 2.8rem; }

.dropdown-toggle:not(.dropdown-arrow):after {

  display: none; }



.dropdown-arrow:after {

  content: "\e81c";

  border: 0;

  margin: -5px 2px 0 11px;

  font-size: 15px;

  font-family: porto;

  width: auto;

  height: auto; }

.dropdown-arrow .badge-circle {

  top: 3px;

  left: 19px; }



.header-dropdowns {

  display: flex;

  display: -ms-flexbox;

  align-items: center;

  -ms-flex-align: center; }



.header-menu:before {

  content: '';

  display: block;

  position: absolute;

  left: 50%;

  width: 0;

  height: 0;

  z-index: 1151;

  margin-left: -9px;

  margin-top: -1rem;

  border-width: 0 9px 10px;

  border-style: solid;

  border-color: transparent transparent #fff;

  visibility: hidden;

  opacity: 1;

  transform: translateY(-1rem); }



.header-dropdown {

  position: relative;

  font-size: 1.1rem;

  font-weight: 600;

  line-height: 1.5;

  padding: 5px 0; }

  .header-dropdown > a {

    padding: 0 5px; }

    .header-dropdown > a:after {

      content: '\e81c';

      font-family: 'porto';

      font-weight: 400;

      margin-left: .5rem; }

  .header-dropdown img {

    display: inline-block;

    max-width: none;

    margin: -2px 6px 0 1px; }

  .header-dropdown ul {

    position: absolute;

    top: -300rem;

    z-index: 1150;

    min-width: 100%;

    margin: 0;

    padding: .5rem 0;

    background: #fff;

    box-shadow: 0 29px 29px rgba(0, 0, 0, 0.1);

    transition: transform, opacity .5s ease-out;

    opacity: 0;

    visibility: hidden;

    transform: translateY(-1rem); }

    .header-dropdown ul a {

      display: block;

      padding: 0.5em 1.5em;

      color: #777;

      white-space: nowrap; }

      .header-dropdown ul a:hover {

        background: #f4f4f4; }

  .header-dropdown + .header-dropdown {

    margin-left: 2.1rem; }

  .header-dropdown:hover .header-menu:before,

  .header-dropdown:hover ul {

    top: 100%;

    opacity: 1;

    visibility: visible;

    transform: none; }



.cart-dropdown .dropdown-arrow {

  white-space: nowrap; }

.cart-dropdown .dropdown-menu {

  right: 0;

  left: auto;

  padding-top: 8px; }

  .cart-dropdown .dropdown-menu:before {

    content: '';

    position: absolute;

    top: -12px;

    right: 28px;

    border: 10px solid;

    border-color: transparent transparent #fff; }

.cart-dropdown .dropdownmenu-wrapper:before {

  right: 28px;

  left: auto; }

.cart-dropdown .dropdownmenu-wrapper:after {

  right: 29px;

  left: auto; }

.cart-dropdown .product {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  margin: 0 !important;

  padding: 1.6rem 1rem;

  border-bottom: 1px solid #e6ebee;

  box-shadow: none !important; }

.cart-dropdown .product-image-container {

  position: relative;

  max-width: 80px;

  margin: 0;

  margin-left: auto;

  border: 1px solid #ededed; }

  .cart-dropdown .product-image-container img {

    object-fit: cover; }

  .cart-dropdown .product-image-container a:after {

    display: none; }

.cart-dropdown .product-title {

  padding-right: 1.5rem;

  margin-bottom: 8px;

  font-size: 1.4rem;

  line-height: 19px; }

  .cart-dropdown .product-title a {

    color: #696969; }

.cart-dropdown .product-details {

  font-size: 1.3rem; }

.cart-dropdown .btn-remove {

  position: absolute;

  top: -9px;

  right: -3px;

  width: 2rem;

  height: 2rem;

  border-radius: 50%;

  color: inherit;

  background-color: #fff;

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);

  text-align: center;

  line-height: 2rem; }

  .cart-dropdown .btn-remove:hover, .cart-dropdown .btn-remove:focus {

    color: #e9846b; }

.sticky-header .cart-dropdown {

  margin-top: 0;

  margin-bottom: 0; }



.dropdown-cart-header,

.dropdown-cart-total {

  color: #474747;

  font-weight: 700;

  line-height: 38px;

  text-transform: uppercase; }



.dropdown-cart-total {

  margin-bottom: 1.1rem;

  padding: 15px 10px 10px;

  font-size: 1.3rem; }

  .dropdown-cart-total .cart-total-price {

    margin-left: auto;

    font-size: 1.5rem; }



.dropdown-cart-header {

  padding: 3px 10px;

  border-bottom: 1px solid #e6ebee;

  color: #696969;

  font-size: 1.3rem; }

  .dropdown-cart-header a {

    color: #474747; }

  .dropdown-cart-header a:hover {

    text-decoration: underline; }



.dropdown-cart-action {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: justify;

  justify-content: space-between;

  padding: .2rem 1rem 1.5rem; }

  .dropdown-cart-action .btn {

    padding: 1.4rem 2.5rem;

    border-radius: .2rem;

    color: #fff;

    font-size: 1.2rem;

    font-weight: 400;

    font-family: "Open Sans", sans-serif;

    letter-spacing: .025em; }



.compare-dropdown .dropdown-toggle {

  text-transform: uppercase; }

  .compare-dropdown .dropdown-toggle i {

    margin-top: -.2rem;

    margin-right: .2rem; }

    .compare-dropdown .dropdown-toggle i:before {

      margin: 0; }

  .compare-dropdown .dropdown-toggle:after {

    display: none; }



.compare-products {

  margin: 0;

  padding: 0;

  list-style: none; }

  .compare-products .product {

    position: relative;

    margin: 0;

    padding: .5rem 0;

    box-shadow: none !important; }

    .compare-products .product:hover {

      box-shadow: none; }

  .compare-products .product-title {

    margin: 0;

    color: #696969;

    font-size: 1.1rem;

    font-weight: 400;

    line-height: 1.35;

    text-transform: uppercase; }

  .compare-products .btn-remove {

    display: -ms-flexbox;

    display: flex;

    position: absolute;

    top: 50%;

    right: 0;

    -ms-flex-align: center;

    align-items: center;

    -ms-flex-pack: center;

    justify-content: center;

    width: 2.3rem;

    height: 2.3rem;

    margin-top: -1.2rem;

    padding: .5rem 0;

    color: #777;

    font-size: 1.3rem;

    line-height: 1;

    text-align: center;

    overflow: hidden; }



.compare-actions {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  margin-top: 2rem; }

  .compare-actions .action-link {

    display: inline-block;

    color: #777;

    font-size: 1.1rem;

    text-transform: uppercase; }

  .compare-actions .btn {

    min-width: 110px;

    margin-left: auto;

    padding: .9rem 1rem;

    border: 0;

    border-radius: .2rem;

    color: #fff;

    font-size: 1.2rem;

    font-weight: 400;

    letter-spacing: .025rem;

    text-align: center;

    text-transform: uppercase; }



@media (min-width: 992px) {

  .dropdown-expanded > a,

  .dropdown-expanded .header-menu:before {

    display: none; }

  .dropdown-expanded li + li {

    margin-left: 1rem; }

  .dropdown-expanded ul {

    position: static;

    display: flex;

    display: -ms-flexbox;

    padding: 0;

    border: 0;

    background-color: transparent;

    box-shadow: none;

    opacity: 1;

    visibility: visible; }

    .dropdown-expanded ul a {

      padding: 0;

      color: inherit; }

      .dropdown-expanded ul a:hover {

        background-color: transparent;

        color: #e9846b; }

  .dropdown-expanded .header-menu ul {

    transform: none; } }

@media (max-width: 575px) {

  .compare-dropdown {

    display: none; } }

@media (max-width: 480px) {

  .cart-dropdown .dropdown-menu, .compare-dropdown .dropdown-menu {

    width: 260px; }

  .cart-dropdown .dropdownmenu-wrapper, .compare-dropdown .dropdownmenu-wrapper {

    padding: 1rem 1.4rem; } }

.header-search {

  position: relative; }

  .header-search form {

    margin: 0; }

  .header-search .form-control,

  .header-search select {

    margin: 0;

    border: 0;

    color: inherit;

    font-size: 1.3rem;

    height: 100%;

    box-shadow: none; }

  .header-search .form-control,

  .header-search .select-custom {

    background: #f4f4f4; }

  @media (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .header-search .form-control {

      flex: 1; } }

  .header-search .form-control::placeholder {

    color: #a8a8a8; }

  .header-search:not(.header-search-category) .form-control {

    border-radius: 2.5rem; }

  .header-search:not(.header-search-category) .btn {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    background: transparent;

    border: 0;

    padding: 0 .8em;

    color: #333; }



.search-toggle:after {

  content: '';

  position: absolute;

  right: calc(50% - 10px);

  bottom: -10px;

  border: 10px solid transparent;

  border-bottom-color: #ccc; }

  .header-search:not(.show) .search-toggle:after {

    display: none; }



.search-toggle i:before {

  font-size: 2.5rem; }



.header-search-category .form-control {

  border-radius: 2.5rem 0 0 2.5rem; }

.header-search-category .btn {

  border-radius: 0 2.5rem 2.5rem 0; }



.header-search-wrapper {

  display: flex;

  display: -ms-flexbox;

  position: absolute;

  right: -2.3rem;

  z-index: 999;

  margin-top: 10px;

  color: #8d8d8d;

  box-sizing: content-box;

  height: 40px;

  border-radius: 2.5rem;

  border: 5px solid #ccc; }

  .header-search-wrapper:after {

    display: block;

    clear: both;

    content: ''; }

  .header-search:not(.show) .header-search-wrapper {

    display: none; }

  .header-search-wrapper .select-custom {

    margin: 0;

    min-width: 12.9rem;

    flex: 0 0 12.9rem; }

    .header-search-wrapper .select-custom:after {

      font-size: 1.4rem;

      line-height: 0;

      right: 1rem; }

  .header-search-wrapper select {

    width: 100%;

    border-left: 1px solid #fff;

    padding-left: 0.9rem;

    padding-right: 1rem;

    line-height: 36px;

    color: inherit;

    -moz-appearance: none;

    -webkit-appearance: none; }

    .header-search-wrapper select:focus {

      outline: none; }

  .header-search-wrapper .btn {

    position: relative;

    padding: 0 0 3px 0;

    border: 0;

    border-left: 1px solid #fff;

    min-width: 46.17px;

    color: #606669;

    font-size: 2rem;

    background: #f4f4f4; }



.header-search-popup .form-control {

  min-width: 266px;

  padding: 4px 22px;

  font-size: 1.4rem;

  line-height: 20px; }

  .header-search-popup .form-control:focus {

    border: #e7e7e7; }



.header-search-inline .form-control {

  min-width: 21rem;

  padding: 1rem 2rem; }

@media (min-width: 992px) {

  .header-search-inline .search-toggle,

  .header-search-inline .btn:after {

    display: none; }

  .header-search-inline.header-search .header-search-wrapper {

    display: flex;

    display: -ms-flex;

    position: static;

    margin: 0;

    border-width: 0; } }



@media (max-width: 767px) {

  .header-search .form-control {

    min-width: 17rem; } }

@media (max-width: 575px) {

  .header-search-wrapper {

    left: 15px;

    right: 15px; } }

.menu,

.menu li,

.menu ul,

.menu ol {

  margin: 0;

  padding: 0;

  list-style: none; }



.menu {

  font-size: 12px;

  font-weight: 600;

  line-height: .5; }

  .menu:after {

    display: block;

    clear: both;

    content: ''; }

  .menu .show > ul,

  .menu .show > .megamenu {

    opacity: 1; }

  .menu li > a {

    display: block;

    padding: .8rem 1.8rem;

    transition: .2s ease-out;

    color: #777; }

  .menu li:hover > a, .menu li.show > a, .menu li.active > a {

    background: #f4f4f4; }

  .menu > li {

    float: left;

    position: relative;

    margin-right: 2.8rem; }

    .menu > li > a {

      padding: 1rem 0;

      font-size: 13px;

      font-weight: 400;

      color: #fff; }

    .menu > li:hover > a, .menu > li.show > a, .menu > li.active > a {

      color: #d2a23d;

      background: transparent; }

    .menu > li > .sf-with-ul:before {

      content: '';

      position: absolute;

      z-index: 1000;

      left: 50%;

      bottom: 0;

      margin-left: -14px;

      border: 10px solid;

      border-color: transparent transparent #fff;

      opacity: 0;

      transition: opacity ease-in .08s; }

    .menu > li.show > .sf-with-ul:before {

      opacity: 1;

      visibility: visible; }

  .menu .megamenu {

    display: none;

    position: absolute;

    z-index: 999;

    background-color: #fff;

    box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.15);

    border: 1px solid #eee;

    border-top: 3px solid #e9846b;

    left: 15px;

    padding: 10px 20px;

    width: 770px; }

    .menu .megamenu.megamenu-3cols {

      width: 600px; }

    .menu .megamenu .row > div {

      padding-top: 1.5rem; }

    .menu .megamenu img {

      width: 300px;

      height: 100%;

      object-fit: cover; }

    .menu .megamenu .submenu {

      margin: 0;

      padding-top: 0;

      border-top: none;

      display: block;

      position: static;

      box-shadow: none;

      min-width: 0; }

      .menu .megamenu .submenu a {

        padding: 7px 8px 8px 0; }

      .menu .megamenu .submenu li:hover a {

        text-decoration: underline;

        background: transparent; }

  .menu .nolink {

    cursor: default;

    display: inline-block;

    padding-bottom: 6px;

    color: #333; }

  .menu ul {

    display: none;

    position: absolute;

    min-width: 200px;

    padding: 5px 0;

    border-top: 3px solid #e9846b;

    top: 100%;

    left: 0;

    z-index: 100;

    background-color: #fff;

    box-shadow: 0 29px 29px rgba(0, 0, 0, 0.1); }

    .menu ul ul {

      /*top: -5px;

      left: 100%;*/ }

  .menu.sf-arrows .sf-with-ul + ul > li {

    position: relative; }

  .menu.sf-arrows .sf-with-ul:after {

    position: absolute;
    right: 1rem;
    content: "\f105";
    font-family: 'FontAwesome'; }

  .menu.sf-arrows > li > .sf-with-ul:after {

    content: '\f107';
    font-family: 'FontAwesome';
    position: static;

    margin-left: 5px;

    font-weight: 400; }



.main-nav .menu {

  /*text-transform: uppercase;*/

  font-size: 12px; }

  .main-nav .menu > li {

    margin-right: 1px; }

    .main-nav .menu > li > a {

      font-size: 12px;

      font-weight: 700;

      padding: 20px;

      font-family: Poppins, sans-serif; }

    .main-nav .menu > li:first-child a {

      padding-left: 0; }

    .main-nav .menu > li:not(.float-right):last-child, .main-nav .menu > li:not(.float-right) + li.float-right {

      margin-right: 0; }

  .main-nav .menu.sf-arrows ul {

    border-top: none; }

  .main-nav .menu > li > ul {

    left: -15px; }

  .main-nav .menu .megamenu {

    top: 100%;

    left: -15px;

    border-top: none; }

    .main-nav .menu .megamenu img {

      height: 100%;

      object-fit: cover; }



.tip {

  display: inline-block;

  position: relative;

  margin: -2px 0 0 1rem;

  padding: 3px 4px;

  border-radius: 2px;

  color: #fff;

  font-family: "Open Sans", sans-serif;

  font-size: 1rem;

  line-height: 1;

  text-transform: uppercase;

  vertical-align: middle;

  z-index: 1; }

  .tip:before {

    position: absolute;

    top: 50%;

    right: 100%;

    left: auto;

    margin-top: -3px;

    border: 3px solid transparent;

    content: ''; }



.tip-new {

  background-color: #0fc567; }

  .tip-new:not(.tip-top):before {

    border-right-color: #0fc567; }

  .tip-new.tip-top:before {

    border-top-color: #0fc567; }



.tip-hot {

  background-color: #eb2771; }

  .tip-hot:not(.tip-right):before {

    border-right-color: #eb2771; }

  .tip-hot.tip-top.tip-right::before {

    border-top-color: #eb2771; }



.tip-top {

  position: absolute;

  top: 0;

  left: 50%;

  margin-top: 6px;

  margin-left: -2px;

  transform: translate(-50%); }

  .tip-top.tip-right {

    top: -14px;

    left: 70%; }

  .tip-top:before {

    top: 100%;

    right: 60%;

    margin: 0; }



.product-promo {

  padding-left: 30px; }



.menu-vertical ul,

.menu-vertical .megamenu {

  top: 0;

  left: 100%;

  margin-left: -1px;

  border-top: 0; }

.menu-vertical.sf-arrows > li > .sf-with-ul:before {

  top: 50%;

  bottom: auto;

  left: calc(90% - 12px);

  margin: -10px 0 0;

  border-width: 10px 12px 10px 0;

  border-color: transparent;

  border-right-color: #fff;

  transition: .2s; }

.menu-vertical.sf-arrows > li > .sf-with-ul:after {

  content: '\e81a';

  position: absolute;

  right: 2.8rem;

  color: #838b90;

  font-size: 1.5rem; }

.menu-vertical.sf-arrows > li.show > .sf-with-ul:before {

  left: calc(100% - 12px); }

.menu-vertical.sf-arrows > li.show > .sf-with-ul:after {

  color: #fff; }

.menu-vertical .nolink {

  font-size: 1.3rem;

  font-weight: 700; }

.menu-vertical > li {

  float: none;

  margin: 0;

  padding: 0 1.8rem 0 1.6rem; }

  .menu-vertical > li:not(:first-child) {

    border-top: 1px solid #fff; }

    .menu-vertical > li:not(:first-child) > a {

      margin-top: -1px;

      border-top: 1px solid #e7e7e7; }

  .menu-vertical > li > a {

    display: block;

    padding: 1.2rem 1rem 1.4rem .5rem;

    font-size: 1.4rem;

    font-weight: 600;

    text-transform: capitalize;

    transition: none;

    color: #222529; }

  .menu-vertical > li i {

    position: relative;

    margin-right: 12px; }

.menu-vertical > li:hover,

.menu-vertical > li.show,

.menu-vertical > li.active {

  background: #fff; }

  .menu-vertical > li:hover > a,

  .menu-vertical > li.show > a,

  .menu-vertical > li.active > a {

    border-bottom-color: #e7e7e7;

    color: #7b858a; }

  .menu-vertical > li:hover + li > a,

  .menu-vertical > li.show + li > a,

  .menu-vertical > li.active + li > a {

    border-top-color: #e7e7e7; }



.menu-custom-block {

  display: flex;

  justify-content: flex-end;

  padding-top: 1rem;

  padding-bottom: .9rem; }

  .menu-custom-block a {

    display: block;

    position: relative;

    padding: 0 15px;

    text-transform: uppercase;

    color: #465157;

    font-family: Poppins, sans-serif;

    font-size: 12px;

    font-weight: 700;

    line-height: 32px; }

    .menu-custom-block a:last-child {

      padding-right: 0; }



.menu-item-sale {

  text-align: center; }

  .menu-item-sale a {

    display: inline-block;

    margin: 7px 0px 20px;

    padding: 1.6rem 4rem;

    background-color: #f4f4f4;

    color: #222529;

    font-size: 1.4rem;

    font-weight: 700; }



.toggle-menu-wrap .side-nav {

  position: absolute;

  top: 100%;

  left: 0;

  right: 0; }



.side-menu-wrapper {

  position: relative; }



@media (max-width: 575px) {

  .menu-custom-block {

    display: none; } }

.side-menu-wrapper {

  border: 1px solid #e7e7e7; }



.side-menu-title {

  padding: 1.45rem 2rem;

  margin-bottom: 0;

  background: #f6f7f9;

  font-size: 1.4rem;

  text-transform: uppercase; }



.side-menu li {

  position: relative; }

  .side-menu li > a {

    display: block;

    border-bottom: 1px solid #e7e7e7;

    padding: 1.2rem 0;

    color: #555;

    font-weight: 600; }

  .side-menu li i {

    margin-right: 1.2rem;

    font-size: 20px;

    line-height: 1;

    vertical-align: middle; }

.side-menu ul {

  display: block;

  padding-left: 1.0714em; }

.side-menu:after {

  content: '';

  position: absolute;

  width: 100%;

  height: 1px;

  margin-top: -1px;

  background: #fff; }



.side-menu-toggle {

  position: absolute;

  top: 1rem;

  right: 0;

  width: 24px;

  color: #222529;

  text-align: center;

  line-height: 24px;

  cursor: pointer; }

  .side-menu-toggle:before {

    content: '\e81c';

    font-family: 'porto';

    font-weight: 600; }

    .show > .side-menu-toggle:before {

      content: '\e81b'; }



.mobile-menu-container {

  position: fixed;

  top: 0;

  bottom: 0;

  left: 0;

  width: 100%;

  max-width: 250px;

  transform: translateX(-100%);

  transition: all .25s;

  background-color: #1D1E20;

  font-size: 1.2rem;

  line-height: 1.5;

  box-shadow: 0.1rem 0 0.6rem 0 rgba(50, 50, 50, 0.65);

  visibility: hidden;

  z-index: 1001;

  overflow-y: auto; }

  .mmenu-active .mobile-menu-container {

    transform: translateX(0);

    visibility: visible; }

  .mobile-menu-container .social-icons {

    -ms-flex-pack: center;

    justify-content: center;

    margin-bottom: 0; }

  .mobile-menu-container .social-icon {

    width: 3rem;

    height: 3rem;

    margin-bottom: 0;

    border: 0;

    background-color: transparent;

    font-size: 1.5rem; }

    .mobile-menu-container .social-icon + .social-icon {

      margin-left: .3rem; }

    .mobile-menu-container .social-icon:hover, .mobile-menu-container .social-icon:focus {

      background-color: transparent;

      color: #fafafa; }



.mobile-menu-wrapper {

  position: relative;

  padding: 4.2rem 0 3rem; }



.mobile-menu-close {

  position: absolute;

  top: 1rem;

  right: 1rem;

  padding: .4rem;

  color: #fff;

  font-size: 1.3rem;

  line-height: 1;

  cursor: pointer;

  z-index: 9; }



.mobile-menu-overlay {

  display: block;

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  transition: all .25s;

  background-color: rgba(0, 0, 0, 0.5);

  opacity: 0;

  visibility: hidden;

  z-index: 1000; }



.mmenu-active .mobile-menu-overlay {

  opacity: 1;

  visibility: visible; }



.mmenu-active .sidebar-product {

  display: none; }



.mobile-nav {

  margin: 0 0 2rem;

  padding: 0; }



.mobile-menu {

  margin: 0;

  padding: 0;

  list-style: none; }

  .mobile-menu > li > a {

    text-transform: uppercase; }

  .mobile-menu li {

    display: block;

    position: relative;

    border-bottom: 1px solid #242527; }

    .mobile-menu li a {

      display: block;

      position: relative;

      margin-right: 4.5rem;

      padding: 1.1rem 0 1.1rem 1.5rem;

      color: #fff; }

      .mobile-menu li a:hover, .mobile-menu li a:focus {

        color: #b7b7b7;

        text-decoration: none; }

    .mobile-menu li.open > a, .mobile-menu li.active > a {

      color: #b7b7b7; }

    .mobile-menu li ul {

      display: none;

      margin: 0;

      padding: 0; }

      .mobile-menu li ul li a {

        padding-left: 2.5rem; }

      .mobile-menu li ul ul li a {

        padding-left: 3.5rem; }



.mmenu-btn {

  display: block;

  position: absolute;

  top: 50%;

  right: -3.8rem;

  width: 3rem;

  height: 3rem;

  margin-top: -1.5rem;

  text-align: center;

  border-radius: 0;

  outline: none;

  background-color: transparent;

  color: #fff;

  font-size: 1.5rem;

  line-height: 3rem;

  cursor: pointer; }

  .mmenu-btn:after {

    display: inline-block;

    margin-top: -2px;

    font-family: 'porto';

    content: '\e81c'; }

  .open > a > .mmenu-btn:after {

    content: '\e81b'; }

/* Global Css*/

body {

  line-height: 2.4rem; }



.header-icon {

  display: inline-block;

  width: 2.6rem;

  height: 3.6rem;

  line-height: 3.6rem; }



/* Custom css */

.header {

  z-index: 1041; }

  .header .sticky-header.fixed {

    background-color: #222529; }

  .header .logo a {

    max-width: 100%; }

  .header .header-top .header-right {

    padding: .2rem 0; }

  .header .header-middle .header-left {

    padding: 2.7rem 0; }

  .header .header-middle .header-center {

    padding-left: 1.6rem;

    padding-right: 1.8rem; }

  .header .header-middle .header-right {

    padding: 2.2rem 0; }

  .header .menu-item {

    float: left; }

    .header .menu-item a {

      display: inline-block;

      padding: .5rem 1rem;

      line-height: 26px; }

  .header .header-dropdowns {

    margin-right: 2.5rem; }

  .header .dropdown-arrow .badge-circle {

    top: -4px; }

  .header .icon-shopping-cart {

    font-size: 2.7rem; }

    .header .icon-shopping-cart::before {

      font-weight: 700; }

  .header .cart-dropdown {

    max-height: 2.7rem;

    margin-left: .2rem; }

  .header .header-contact {
    display: flex; 
  }

  .header .header-search-wrapper .select-custom::after {

    right: 1.6rem; }

  .header .header-search-wrapper .btn {

    padding-right: 3px; }



.main-nav .menu > li > a,

.side-menu-title,

.section-title,

.section-sub-title {

  text-transform: none; }



.main-nav .menu > li > a {

  font-size: 13px;

  font-weight: 600;

  letter-spacing: -0.35px;

  line-height: 20px; }

.search-box input#search {
  border-radius: 2.5rem 0 0 2.5rem;
  margin-top: 1px;
  background: #f4f4f4;
  border: 0px;
}

.search-box button{
  margin-top: 1px;
  border-radius: 0 2.5rem 2.5rem 0 !important;
  background: #f4f4f4 !important;
  color: #606669 !important;
}

.side-menu-title {

  padding-top: 1.4rem;

  padding-bottom: 1.4rem; }

  .side-menu-title i {

    margin-right: 0.8rem;

    font-size: 1.5rem; }



.menu-vertical > li {

  padding-left: 1.8rem; }

  .menu-vertical > li > a {

    padding-top: 1.4rem;

    padding-left: .2rem;

    line-height: 24px; }




@media (min-width: 992px) {

  .header .header-middle .header-left {

    min-width: 16%; } }


.sticky-header.fixed {
    position: fixed;
    right: 0;
    left: 0;
    padding: 0;
    background-color: #2e3d5c;
    box-shadow: 0 1px 5px rgba(0,0,0,0.08);
    z-index: 1040;
}