#header {
  background: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20; }
  #header .logo img {
    height: 50px; }
  #header nav {
    display: inline-block;
    vertical-align: top; }
    #header nav ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
    #header nav a {
      color: #565656;
      display: inline-block;
      line-height: 30px;
      text-decoration: none;
      width: 100%; }
    #header nav svg {
      fill: #565656;
      vertical-align: middle; }
      #header nav svg:hover {
        fill: #ff674f; }
    #header nav .dropdown-menu {
      font-size: 15px;
      border-radius: 0;
      margin: 0;
      padding: 10px;
      top: 100% !important;
      transform: none !important;
      width: 100%; }
      #header nav .dropdown-menu .collection-all {
        display: flex; }
    #header nav .search .search-area {
      display: flex; }
    #header nav .search form {
      flex: 1; }
    #header nav .search .form-area {
      display: flex;
      width: 100%; }
      #header nav .search .form-area input {
        font-size: 15px;
        flex: 1;
        margin-right: 5px;
        width: 170px; }
      #header nav .search .form-area button {
        font-size: 15px;
        margin-right: 5px;
        padding: 0;
        width: 60px; }
      #header nav .search .form-area > * {
        height: 40px; }
    #header nav .search a.close-dropdown {
      cursor: pointer;
      text-align: center;
      width: 40px; }
    #header nav .btn-logout, #header nav .btn-orders, #header nav .btn-login, #header nav .btn-signin, #header nav .btn-search, #header nav .close-dropdown, #header nav .btn-checkout {
      border-style: none;
      line-height: 38px; }
    #header nav .btn-logout, #header nav .btn-login {
      background: #ABB4BB;
      border-color: #ABB4BB;
      border-radius: 5px;
      color: #ffffff;
      transition: all ease-in-out .15s;
      text-align: center; }
      #header nav .btn-logout:hover, #header nav .btn-login:hover {
        background: #86919B;
        border-color: #86919B; }
    #header nav .btn-signin, #header nav .btn-orders {
      border: 1px solid #ff674f;
      border-radius: 5px;
      color: #ff674f;
      transition: all ease-in-out .15s;
      text-align: center; }
      #header nav .btn-signin:hover, #header nav .btn-orders:hover {
        background: #ff674f;
        color: #ffffff; }
    #header nav .btn-checkout {
      background: #ff674f;
      border-color: #ff674f;
      border-radius: 5px;
      color: #ffffff;
      transition: all ease-in-out .15s;
      text-align: center; }
      #header nav .btn-checkout:hover {
        background: #ef4725;
        border-color: #ef4725; }
    #header nav .btn-search {
      background: #ff674f;
      border-color: #ff674f;
      border-radius: 5px;
      color: #ffffff;
      transition: all ease-in-out .15s;
      text-align: center; }
      #header nav .btn-search:hover {
        background: #ef4725;
        border-color: #ef4725; }
    #header nav .close-dropdown {
      background: #ffffff;
      border: 1px solid #ABB4BB;
      border-radius: 5px;
      color: #ABB4BB;
      transition: all ease-in-out .15s;
      text-align: center;
      border: none; }
      #header nav .close-dropdown:hover {
        background: #ffffff;
        border-color: #86919B;
        color: #86919B; }
  #header .container:before, #header .container:after {
    width: 0; }

@media (min-width: 992px) {
  #header .link_shelf_top > li {
    display: inline-block; }
    #header .link_shelf_top > li > a {
      padding: 10px; }
  #header .main-nav a {
    font-size: 14px; }
  #header .main-nav .link_shelf_top .show > a, #header .main-nav .link_shelf_top > li > a:hover {
    color: #ffffff;
    background: #ff674f; }
  #header .main-nav .dropdown-menu li {
    height: 44px; }
  #header .main-nav .dropdown-menu a {
    padding: 4px 10px; }
    #header .main-nav .dropdown-menu a:hover {
      background: #e2e2e2;
      color: #ff674f; }
    #header .main-nav .dropdown-menu a span {
      display: -webkit-box;
      display: block\0;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      line-height: 18px;
      height: 36px; }
  #header .main-nav .link_shelf_second, #header .main-nav .link_shelf_third {
    background: #ffffff; }
    #header .main-nav .link_shelf_second > li, #header .main-nav .link_shelf_third > li {
      position: relative; }
      #header .main-nav .link_shelf_second > li > a, #header .main-nav .link_shelf_third > li > a {
        align-items: center;
        display: flex; }
        #header .main-nav .link_shelf_second > li > a:after, #header .main-nav .link_shelf_third > li > a:after {
          bottom: -1px;
          border-bottom: 1px solid #e2e2e2;
          content: "";
          position: absolute;
          left: 5%;
          width: 90%; }
      #header .main-nav .link_shelf_second > li.relative:hover > a, #header .main-nav .link_shelf_second > li.relative:hover > a:hover, #header .main-nav .link_shelf_third > li.relative:hover > a, #header .main-nav .link_shelf_third > li.relative:hover > a:hover {
        color: #ff674f; }
      #header .main-nav .link_shelf_second > li.relative:hover > a:hover:after, #header .main-nav .link_shelf_second > li > a:hover:after, #header .main-nav .link_shelf_third > li.relative:hover > a:hover:after, #header .main-nav .link_shelf_third > li > a:hover:after {
        border-bottom: none; }
  #header .main-nav .collection-all .collection {
    background: #e2e2e2;
    width: 20%; }
  #header .main-nav .collection-all .title, #header .main-nav .collection-all .products .col-md-3 {
    height: 44px; }
  #header .main-nav .collection-all .products {
    display: none;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 80%; }
    #header .main-nav .collection-all .products .col-md-3 {
      padding: 0; }
  #header .main-nav .collection-all .collection:hover .title a {
    color: #ff674f; }
  #header .main-nav .collection-all .collection:hover .products {
    display: block; }
    #header .main-nav .collection-all .collection:hover .products a:hover {
      background: none;
      color: #ff674f; }
  #header .main-nav .dropdown-menu {
    padding: 0px;
    border: 1px solid #e2e2e2; }
    #header .main-nav .dropdown-menu .row {
      margin: 0; }
      #header .main-nav .dropdown-menu .row .title a {
        color: #565656; }
      #header .main-nav .dropdown-menu .row li:not(.title) a {
        color: #A3A3A3; }
      #header .main-nav .dropdown-menu .row .col-sm-2 {
        padding: 0; }
        #header .main-nav .dropdown-menu .row .col-sm-2:hover .title a {
          background: none;
          color: #ff674f; }
        #header .main-nav .dropdown-menu .row .col-sm-2:hover li:not(.title) a:hover {
          color: #ff674f; }
  #header .main-nav .link_shelf_third {
    border: 1px solid #e2e2e2;
    display: none;
    left: 100%;
    position: absolute;
    top: -1px;
    width: 100%; }
  #header .main-nav .link_shelf_second .relative:hover .link_shelf_third {
    display: block; }
  #header .tool-nav {
    float: right; }
    #header .tool-nav .dropdown > a {
      padding: 10px; }
    #header .tool-nav .link_shelf_top > li {
      position: relative; }
    #header .tool-nav .link_shelf_top .dropdown-menu {
      left: auto !important;
      right: 0; }
    #header .tool-nav .customer_account .dropdown-menu, #header .tool-nav .cart .dropdown-menu {
      width: 300px;
      padding: 5px 0; }
    #header .tool-nav .search .dropdown-menu {
      padding: 15px;
      width: 300px; }
    #header .tool-nav .button, #header .tool-nav .total {
      margin: 10px 15px; }
    #header .tool-nav .total .global-cart-total {
      color: #ff674f !important;
      padding-left: 5px; }
    #header .tool-nav .cart_list {
      max-height: 50vh; }
      #header .tool-nav .cart_list p {
        margin: 0; }
      #header .tool-nav .cart_list a {
        line-height: 1.3; }
      #header .tool-nav .cart_list .product_item {
        display: flex;
        margin: 0 15px;
        padding: 10px 0; }
        #header .tool-nav .cart_list .product_item:not(:first-child) {
          border-top: 1px solid #A3A3A3; }
        #header .tool-nav .cart_list .product_item > * {
          margin-right: 10px; }
          #header .tool-nav .cart_list .product_item > *.thumb-img {
            flex: 0 0 50px; }
            #header .tool-nav .cart_list .product_item > *.thumb-img img {
              opacity: 1; }
          #header .tool-nav .cart_list .product_item > * .item-info {
            flex: 0 0 calc(100% - 70px); }
            #header .tool-nav .cart_list .product_item > * .item-info .description, #header .tool-nav .cart_list .product_item > * .item-info .amount {
              color: #A3A3A3;
              font-size: 14px; } }

@media (max-width: 991px) {
  #header .container {
    padding: 0;
    min-width: 100%; }
  #header .mobile-nav {
    width: 100%; }
    #header .mobile-nav a {
      padding: 0; }
    #header .mobile-nav ul {
      display: flex; }
      #header .mobile-nav ul > li {
        height: 50px;
        line-height: 50px;
        text-align: center;
        padding: 0 5px; }
    #header .mobile-nav .sidebar-menu-icon, #header .mobile-nav .member, #header .mobile-nav .cart, #header .mobile-nav .search {
      min-width: 10%; }
    #header .mobile-nav .logo {
      flex: 1;
      padding: 5px; }
      #header .mobile-nav .logo a {
        height: 100%;
        vertical-align: top; } }

@media (max-width: 450px) {
  #header .mobile-nav svg {
    height: 20px; } }