@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700,900&display=swap&subset=latin-ext");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap&subset=latin-ext");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,500;0,600;0,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap");
.breadcrumb {
  display: block;
  padding: 0 0 10px 0; }
  .breadcrumb #breadcrumb {
    list-style: none;
    display: block; }
    .breadcrumb #breadcrumb .icon {
      font-size: 14px; }
    .breadcrumb #breadcrumb li {
      display: inline-block; }
      .breadcrumb #breadcrumb li a {
        color: #FFF;
        display: block;
        background: #3498db;
        text-decoration: none;
        position: relative;
        height: 40px;
        line-height: 40px;
        padding: 0 10px 0 5px;
        text-align: center;
        margin-right: 23px;
        font-size: 14px; }
      .breadcrumb #breadcrumb li:nth-child(even) a {
        background-color: #3498db; }
        .breadcrumb #breadcrumb li:nth-child(even) a:before {
          border-color: #3498db;
          border-left-color: transparent; }
        .breadcrumb #breadcrumb li:nth-child(even) a:after {
          border-left-color: #3498db; }
      .breadcrumb #breadcrumb li:first-child a {
        padding-left: 15px;
        border-radius: 4px 0 0 4px; }
        .breadcrumb #breadcrumb li:first-child a:before {
          border: none; }
      .breadcrumb #breadcrumb li:last-child a {
        padding-right: 15px;
        border-radius: 0 4px 4px 0; }
        .breadcrumb #breadcrumb li:last-child a:after {
          border: none; }
      .breadcrumb #breadcrumb li a:before, .breadcrumb #breadcrumb li a:after {
        content: "";
        position: absolute;
        top: 0;
        border: 0 solid #3498db;
        border-width: 20px 10px;
        width: 0;
        height: 0; }
      .breadcrumb #breadcrumb li a:before {
        left: -20px;
        border-left-color: transparent; }
      .breadcrumb #breadcrumb li a:after {
        left: 100%;
        border-color: transparent;
        border-left-color: #3498db; }
      .breadcrumb #breadcrumb li a:hover {
        background-color: #15222D; }
        .breadcrumb #breadcrumb li a:hover:before {
          border-color: #15222D;
          border-left-color: transparent; }
        .breadcrumb #breadcrumb li a:hover:after {
          border-left-color: #15222D; }
      .breadcrumb #breadcrumb li a:active {
        background-color: #15222D; }
        .breadcrumb #breadcrumb li a:active:before {
          border-color: #15222D;
          border-left-color: transparent; }
        .breadcrumb #breadcrumb li a:active:after {
          border-left-color: #15222D; }

.search-product {
  display: block;
  background-color: #15222D; }
  .search-product .search-cont {
    display: inline-block;
    padding: 15px 15%;
    width: calc(100%); }
    @media only screen and (max-width: 768px) {
      .search-product .search-cont {
        padding: 15px 2%; } }
    .search-product .search-cont form {
      display: block;
      position: relative; }
      .search-product .search-cont form input {
        display: block;
        width: 100%;
        border: 0;
        padding: 25px 30px;
        background-color: #fff;
        border-radius: 8px;
        color: #585858;
        font-size: 16px; }
        @media only screen and (max-width: 768px) {
          .search-product .search-cont form input {
            padding: 16px 20px; } }
      .search-product .search-cont form button {
        display: inline-block;
        position: absolute;
        right: 8px;
        top: 8px;
        padding: 19px 25px;
        background-color: #0085FF;
        font-size: 16px;
        color: #fff;
        border: 0;
        border-radius: 8px; }
        @media only screen and (max-width: 768px) {
          .search-product .search-cont form button {
            padding: 14px 20px;
            right: 4px;
            top: 4px; } }
        .search-product .search-cont form button:hover {
          background-color: #11a9ff; }

.category-cont {
  display: block;
  padding: 50px 15%;
  font-size: 0; }
  @media only screen and (max-width: 768px) {
    .category-cont {
      padding: 50px 2%; } }
  .category-cont .category-item {
    display: inline-block;
    width: 16.66%;
    padding: 0.5%;
    vertical-align: top;
    height: 200px;
    text-align: center; }
    .category-cont .category-item a {
      display: block;
      padding: 10px;
      border: 1px solid #DCDEE1;
      border-radius: 8px;
      background-color: #fff; }
      .category-cont .category-item a .img-cont {
        display: block;
        height: 100px; }
        .category-cont .category-item a .img-cont img {
          display: block;
          width: 100%;
          height: auto; }
      .category-cont .category-item a .name {
        display: block;
        padding: 8px 0;
        text-align: center;
        font-size: 16px;
        color: #222222;
        font-weight: 700; }