﻿@charset "UTF-8";
/* **************************************
 * Name     : Sang Nguyễn               *
 * Email    : sangnht3005@gmail.com     *
 * Phone    : 0936 508 591              *
 * **************************************/
a, a:hover {
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in; }

header .header-middle, header .header-middle .row.search {
  display: flex;
  align-items: center;
  justify-content: center; }

.heading-title {
  color: #39a3de; }

body {
  font-size: 13px; }

a {
  color: #39a3de; }
  a:hover {
    text-decoration: none;
    color: black; }

h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0 0 15px 0; }

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

img {
  max-width: 100% !important;
  height: auto; }

.media .media-left > img, .media .media-right > img {
  max-width: 375px !important; }

.list-line li {
  border-right: 1px solid #39a3de;
  padding: 0px 5px 0px 0px; }
  .list-line li:last-child {
    border: 0; }

body {
  background: url(../images/Bg-Banner.png) no-repeat top center; }

header {
  background: rgba(255, 255, 255, 0.5); }
  header ul {
    margin: 0; }
  header .header-middle {
    padding: 5px 0; }
    header .header-middle .row.search ul {
      margin: 0; }
  header .search input {
    border: 0;
    border-bottom: 1px solid #39a3de;
    border-radius: 0;
    background: transparent;
    box-shadow: 0 0 0; }
  header .search .input-group-addon {
    border-radius: 0;
    background: transparent;
    color: #39a3de;
    box-shadow: 0 0 0;
    border: 0;
    border-bottom: 3px solid #39a3de; }

.brand .panel {
  background: none;
  text-align: center;
  margin: 0; }

.menu {
  background: transparent; }
  .menu .navbar-collapse {
    padding: 10px;
    background: #fff;
    border-bottom: 4px solid #51c1ff; }
  .menu .navbar {
    margin: 0;
    background: none;
    border: 0px; }
  .menu .block .img {
    display: table-cell;
    vertical-align: middle; }
  .menu .block .content {
    display: table-cell; }
  .menu .navbar-right li {
    margin: 0 7.5px; }

.category {
  color: #fff;
  padding: 15px 0; }
  .category h1, .category h2, .category h3, .category h4, .category h5 {
    padding: 0;
    text-transform: uppercase; }
  .category a {
    color: #fff; }
    .category a:hover {
      color: black; }
  .category .cat-male {
    background: #ffa000;
    padding: 15px;
    height: 100%; }
  .category .cat-female {
    background: #c76ca9;
    padding: 15px;
    height: 100%; }
  .category .cat-child {
    background: #e1465a;
    padding: 15px;
    height: 100%; }
  .category .partner {
    padding: 15px 0; }
    .category .partner .item {
      margin: 5px; }

.product, .hotdeal {
  padding: 15px 0; }
  .product .item, .hotdeal .item {
    padding: 15px;
    margin: 15px 0;
    border: 1px solid #eee;
    position: relative; }
    .product .item .img, .hotdeal .item .img {
      margin-bottom: 15px;
      text-align: center; 
      height:223px;
      overflow:hidden;
    }
      .product .item .img img, .hotdeal .item .img img {
        margin: 0 auto; }
    .product .item .name, .hotdeal .item .name {
      text-transform: uppercase;
      text-align: center;
      height:36px;
      overflow:hidden;
    }
    .product .item .price, .product .item .icon, .hotdeal .item .price, .hotdeal .item .icon {
      text-align: center; }
    .product .item .price li, .hotdeal .item .price li {
      border-left: 1px solid #39a3de; }
      .product .item .price li:first-child, .hotdeal .item .price li:first-child {
        border: 0; }
    .product .item .price-old, .hotdeal .item .price-old {
      text-decoration: line-through;
      color: black;
      font-weight: bold; }
    .product .item .price-new, .hotdeal .item .price-new {
      color: #39a3de;
      font-weight: bold; }
    .product .item .promotion, .hotdeal .item .promotion {
      position: absolute;
      top: 0;
      z-index: 1;
      right: -5px;
      text-align: center; }
      .product .item .promotion .new-product, .hotdeal .item .promotion .new-product {
        width: 100px;
        height: 30px;
        display: block;
        background: #39a3de;
        color: #fff;
        line-height: 30px;
        margin-right:-15px;
      }
      .product .item .promotion .discount, .hotdeal .item .promotion .discount {
        width: 50px;
        height: 30px;
        display: block;
        background: #f0f0f0;
        color: #39a3de;
        line-height: 30px; }

.news {
  padding: 15px 0;
  background: #51c1ff; }
  .news a {
    color: white;
    height:35px;
    display:block;
    overflow:hidden;
  }
    .news a:hover {
      color: #f1008f;

    }
  .news .item .label {
    padding: 5px 0;
    color: #f1008f; }
  .news .item .img {
    margin: 0 0 15px 0; }
  .news .item .btn {
    background: #435061;
    border: 1px solid #435061;
    border-radius: 0; }
    .news .item .btn:hover {
      background: transparent;
      color: #fff; }

footer {
  padding: 15px 0;
  border-top: 1px solid #51c1ff; }
  footer .panel {
    border: 0px;
    box-shadow: 0 0 0; }
  footer .panel-heading, footer .panel-content {
    padding: 0; }

/*# sourceMappingURL=styles.css.map */

.detail {background: #fff;padding: 15px;border-radius: 4px;box-sizing:unset;}
.map .breadcrumb {background-color:transparent;margin:10px; margin-left:-10px;}
.line { border-bottom:#39a3de 1px solid; padding-bottom:5px; margin:10px 0;}