/* ####################################################
    :: Template Name: Essence - Fashion Ecommerce Template
    :: Author: Colorlib
    :: Author URL: https://colorlib.com
    :: Description: Essence is smart & elegant fashion e-commerce Template. It's suitable for all e-commerce business platform.
    :: Version: 1.0.0
    :: Created: April 27, 2018
    :: Last Updated: May 2, 2018
    #################################################### */

/* ---------------------------------------
    ##### - PLACE YOUR CUSTOM CSS HERE - #####
    --------------------------------------- */

    #scrollUp {
      background-color: #1b1f1f !important;
  }
  .essence-btn {
      background-color: #41ae7e !important ;
      color: white !important;
  }
  .footer_area{
    background-color: white !important;
    background-repeat: no-repeat;
    background-size:cover;
    
  }
  .know-more {
      display: inline-block;
      min-width: 170px;
      height: 50px;
      color: black;
      border: none;
      border-radius: 0;
      padding: 0 40px;
      text-transform: uppercase;
      font-size: 12px;
      line-height: 50px;
      background-color: white !important;
      letter-spacing: 1.5px;
      font-weight: 600;
      opacity: 0.7;
  }
  
  /*Pc*/
  @media (orientation: landscape) {
      .carousel-item.active,
      .carousel-item-next,
      .carousel-item-prev {
          display: block;
          width: 45%;
          height: 87vh;
          margin-top: -0.25rem !important;
          margin-left: 30%;
      }
      .order-details-confirmation {
          width: 100%;
          border: 0px solid #ebebeb;
          padding: 0px;
      }
      .img-logo{
        max-width: 200px !important;
      }
  }
  /*Phone*/
  @media (orientation: portrait) {
      .carousel-item.active,
      .carousel-item-next,
      .carousel-item-prev {
          display: block;
          width: 100%;
          height: auto;
      }
      .cart-side-right {
          width: 100% !important;
      }
      .order-details-confirmation {
          margin-top: 10px !important;
          padding: 0px !important;
          border: 0px solid #ebebeb;
          padding: 0px;
      }
      .img-logo{
        width: 150px !important;
        margin-top: 0px;
      }
      .img-logo-mobile{
        width: 116px !important;
        margin-top: 0px;
      }
      .header_area .header-meta{
          margin-left: -20px;
      }
      .header_area .classy-nav-container .classy-navbar-toggler{
              margin-right: 30px !important;
      }
  }
  
  .header_area .cart-area a span {
      color: #465a64 !important;
  }
  
  
  .cart-thumbnail {
      margin-right: 10px;
    }
    .img-product {
      max-width: 100px;
      display: block;
    }
    .cart-item {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      background-color: #f1f1f1;
      margin: 0 -15px;
      padding: 15px 15px 10px;
    }
    
    .cart-prod-qty .qty-btn {
      border: none;
      background: transparent;
      border: 1px solid #484848;
      border-radius: 50px !important;
      text-align: center;
      width: 30px;
      height: 30px;
      line-height: 0.8;
      padding: 0;
      color: #2b414b;
      font-size: 16px;
    }
    .cart-prod-qty .qty-btn-remove {
      border: none;
      background: transparent;
      border: 1px solid red;
      border-radius: 25px !important;
      text-align: center;
      width: 20px;
      height: 20px;
      line-height: 0.8;
      padding: 0;
      color: red;
      font-size: 16px;
    }
    .cart-prod-qty input.update-product {
      width: 50px;
      background: transparent;
      border: transparent;
      color: #000;
      text-align: center;
      padding: 0;
    }
    
    /*Pc*/
    @media (orientation: landscape) {
      .product-list {
        max-height: 400px;
        overflow: auto;
      }
  
    }
    /*Phone*/
    @media (orientation: portrait) {
      .product-list {
        max-height: 325px;
        overflow: auto;
        text-align: center;
      }
      .cart-thumbnail {
        margin-left: 53px;
      }
    }
  
    .link-shop-product{
      font-size:16px !important;
    }
  
    .link-shop-product-select{
      font-size:16px !important;
      color:#337ac7 !important;
    }
  
    .widget .catagories-menu .sub-menu li > a:hover {
      color:#337ac7;
    }
  
    .carousel-caption{
    color: #fff;
    top: 50%;
  }
  
  
  .map-container{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    }
    .map-container iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    }
    
    .classy-menu{
    width:500px;
        
    }
    
  .bg-img {
      background-position-y: 1px !important;
  }