.banner {
  width: 100%;
  height: 30vw;
  overflow: hidden;
}

.banner img {
  width: 100%;
}

.banner video {
  width: 100%;
}

.list_cart {
  -webkit-transition: 0.6s;
  transition: 0.6s;
  opacity: 0;
  z-index: 120;
  position: fixed;
  top: 0;
  left: calc(0px - 20%);
  background-color: #d6e6fc;
  height: 100%;
  width: 20%;
  padding: 1vw;
}

.list_cart .drop_in {
  background-color: #e2f0ff;
  border-radius: 10px;
  border: 1px solid #888888;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  height: 10vh;
}

.list_cart .drop_in p {
  padding: 1vw;
  font-size: 1vw;
}

.list_cart .checkout {
  z-index: 150;
  position: absolute;
  padding: 0 1vw;
  left: 0;
  right: 0;
  bottom: 10%;
  text-align: center;
}

.list_cart .checkout a {
  border-radius: 15px;
  border: 0;
  color: white;
  font-size: 1vw;
  font-weight: bold;
  background-color: #E63946;
}

.list_cart .cart_product {
  height: 15vh;
}

.list_cart img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}

.list_cart .form-control {
  padding: 1vw;
}

.type-product {
  height: 1010px;
}

.type-product-box-small {
  overflow: hidden;
  height: auto;
  overflow: hidden;
}

.type-product-box-small img {
  width: 100%;
}

.type-product-box-small:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}

.type-product-box-long {
  overflow: hidden;
  position: relative;
  height: auto;
  overflow: hidden;
}

.type-product-box-long img {
  width: 100%;
  height: 100%;
}

.type-product-box-long:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}

@media only screen and (max-width: 1080px) {
  .list-product div {
    height: 13rem !important;
  }
}

.list-product div {
  height: 20rem;
}

.list-product img {
  width: 100%;
  height: 100%;
}

.list-product img:hover {
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px #1D3557;
          box-shadow: 0 0 10px #1D3557;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.list-product-1 {
  background-color: darkblue;
  width: 300px;
  height: 350px;
}
/*# sourceMappingURL=home.css.map */