/* ####################################################
    :: 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 - #####
    --------------------------------------- */

    body{
        background-color: #fff !important;
        /*background-color: #EFEAD8 !important; CR1*/
    }
    header{
       /* background-color:#EFEAD8 !important;*/
    }

    .header-area{
        padding:50px 40px !important;
    }
    .logo{
        margin-bottom: 20px !important;
        background-color: #A9A9A9;
        padding: 20px;
    }

    .main-content-wrapper .header-area .amado-btn-group .amado-btn{
        width:100%;
    }

    .btn_grp{
        padding:15px 15px;
        background-color: #A9A9A9;
    }

    .amado-btn{
        background-color: #fff;
        color:#333333;
        padding-top:1px;
        font-size:14px !important;
        letter-spacing: 2px;
        height:45px;
        line-height: 45px;
    }

    .amado-btn.active, .amado-btn:hover, .amado-btn:focus {
    background-color: #504b4b;
    font-size: 14px !important;
    color : #ffffff !important;
    }

    .btn-green{
        background-color: #6D8B74;
        color:#FEFBF6;
    }

    .btn-dark{
        background-color: #504b4b;
        color:#FEFBF6;
    }
    .btn-sdark{
        background-color: #817979;
        color:#FEFBF6;
    }
    .bg-gray{
        background-color: #504b4b;
    }
    .gray{
        color:#504b4b !important;
    }

    .btn-sm{
        height:35px;
        line-height:36px;
        font-weight: normal !important;
        font-size: 14px;

    }
    @media screen and (min-width: 800px) {
     .amado_product_area{
      flex: 0 0 calc(95% - 300px) !important;
    width: calc(95% - 300px) !important;
    max-width: calc(95% - 300px) !important;
        }
    }   
     

.hover14 figure::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.hover14 figure:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}

.product-img{
    padding:5px;
   /* background-color: #EFEAD8;*/
}

.product-description{
    /*background-color: #EFEAD8;*/
    margin-top:-10px !important;
}

.product-img .img{
   box-shadow: 0 0 0 2px #3C3633, 8px 8px 0 0 #3C3633;
}

.single-product-wrapper{
    margin-bottom:20px !important;
}

#scrollUp{
    background-color: #504b4b !important;
}

.search-container{
    background: #fff;
    height: 35px;
    border-radius: 5px;
    padding: 19px 10px 15px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.8s;
    /*box-shadow: 0 7px 30px -10px rgba(150,170,180,0.5);*/
    box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2);
}


.search-container .search-input{
    background: transparent;
    border: none;
    outline:none;
    width: 0px;
    font-weight: normal !important;
    font-size: 16px;
    transition: 0.8s;
}

@media screen and (max-width: 767px) {
    .search-container .search-input{
    width: 290px;
    }

    .search-container{
        justify-content: left !important;
    }

    .customfluid{
        padding-left: 15px;
    }

    .multi-button button{
        font-size: 14px !important;
    }

    .single_product_thumb{
        padding-top:30px !important;
    }

    .short_overview p,span{
        font-size:14px !important;
    }
    .product-meta-data p{
        font-size:17px !important;
    }

    .closebtn{
        margin-top:20px !important;

    }
}

@media screen and (min-width: 1200px) {
    .search-container .search-input{
    width: 200px;
    }

  /*  .customfluid{
        padding-left: 60px;
    }*/

    .single_product_thumb{
        width : 400px !important;
    }
    .main-content-wrapper .single-product-area .single_product_thumb .carousel-indicators li{
    min-width: 28% !important;
    padding:10px;
    }

    .multi-button button{
        font-size: 14px !important;
    }

    .vid_con{
        padding-left:70px;
    }

    .maps iframe{
        width:800px !important;
        height:450px !important;
    }
}

@media screen and (min-width: 1300px) {
    .search-container .search-input{
    width: 400px;
    }

    /*.customfluid{
        padding-left: 60px;
    }
*/
    .single_product_thumb{
        width : 400px !important;
    }
    .main-content-wrapper .single-product-area .single_product_thumb .carousel-indicators li{
    min-width: 28% !important;
    padding:10px;
    }

    .multi-button button{
        font-size: 14px !important;
    }

    .vid_con{
        padding-left:70px;
        padding-bottom:70px;
    }

    .maps iframe{
        width:800px !important;
        height:450px !important;
    }
}

.search-container .search-btn .fa{
    color: #6d6d6d;
}

input::placeholder{
    font-size:13px;
    letter-spacing: 1px;
    font-weight: normal;

}

.product-topbar .nice-select{
    height:35px !important;
}

.product-topbar .nice-select .list .option.selected{
    color : black !important;
}

.nice-select .option {
    min-height: 20px !important;
    height: 30px !important;
}

.product-topbar .nice-select .list{
    padding-bottom:10px !important;
}



.carousel-inner   {
   /*box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4), 0px 7px 13px -3px rgba(0, 0, 0, 0.3), inset 0px -3px 0px rgba(0, 0, 0, 0.2);*/
  /*box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.12), 0 8px 8px rgba(0,0,0,0.12), 0 16px 16px rgba(0,0,0,0.12);*/
 box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12), 0 4px 4px rgba(0,0,0,0.12), 0 8px 8px rgba(0,0,0,0.12), 0 16px 16px rgba(0,0,0,0.12);

}

.main-content-wrapper .single-product-area .single_product_thumb .carousel-indicators li.active{
    border: 2px solid #6d6d6d !important; /*green*/
}

.multi-button button{
  padding: .5em 1em;
  background: #fff;
  color: #4A5568;
  border: 0px solid #A0AEC0;
  margin: .1em;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
  box-shadow: 0 0 0 #BEE3F8;
  transform: translateY(0);
}
.multi-button button:first-of-type{
  border-radius: .5em 0 0 .5em;
}
.multi-button button:last-of-type{
  border-radius: 0 .5em .5em 0;
}

.multi-button:hover button{
  color: #504b4b;
}

.multi-button:hover button:hover{
  background: #504b4b;
  color: #fff;
  box-shadow: 0 0 0.8em 0 #6b6b6bbf;
  transform: translateY(-.2em);
}
.multi-button:hover button i{
  color: #CBD5E0;
}
.multi-button:hover button:hover i{
  color: #FED7E2;
  transform: rotate(-10deg);
}

.multi-button .active{
  background: #504b4b;
  color: #fff !important;
  box-shadow: 0 0 0.8em 0 #959595;
  transform: translateY(-.2em);
}

.btncart{
    width: 200px !important;
    height: 50px !important;
    line-height: 50px !important;
}


.btncart: hover{
    background-color: #fff;
}

.footer_area{
    padding:25px !important;
}

button:focus{
    outline :0px !important;
}

input:focus{
    outline :0px !important;
}

/*remove arrow of input type number*/
input[type=number] {
  -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.main-content-wrapper .cart-table-area table tbody tr td{
    flex: 0 0 20% !important;
    width: 20% !important;
    max-width: 20% !important;
}

.main-content-wrapper .cart-table-area table tbody tr{
    display: block !important;
}

.main-content-wrapper .cart-table-area table thead tr th{
    flex: 0 0 20% !important;
}

.btn-remove{
    color: red;
    min-width: 30px !important;
    border-radius: 7px;
    height: 30px !important;
    line-height: 25px !important;
    
}

.btn-remove:hover{
         background-color: transparent !important;
         color: red !important;
        text-shadow: 0px 0px 6px rgba(255, 255, 255, 1) !important;
        -webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57) !important;
        -moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57) !important;
        transition: all 0.4s ease 0s !important;
}

.btn-remove:focus{
         background-color: transparent !important;
         color: red !important;
        
}

.inprequired{
    border: 2px solid #c97373 !important;
}

/* Make the entire header sticky */
.sticky-header {
    position: sticky;
    top: 0;
    z-index: 1000; /* ensures it stays above content */
    width: 100%;
}

/* Optional shadow when scrolling */
.sticky-header::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
}

/* Keep the free shipping bar on top */
.top-bar {
    background: #fff;
    color: #000;
    text-align: center;
    padding-top:8px;
    font-weight: 600;
    font-size: 14px;
}

/* Style for the navigation section */
.nav-bar {
    background: #000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px ;
    padding-bottom: 15px ;
    padding-left:40px;
    margin-top: 5px;
}
@media only screen and (max-width: 767px) {
    .product-topbar .total-products {
         margin-bottom: 30px; 
    }

    .total-products{
        margin-left: 5px !important;
    }
    .product-sorting{
        margin-left : 30%!important;
    }
}
@media only screen and (max-width: 500px) {
    .product-topbar .total-products {
         margin-bottom: 30px; 
    }
    .total-products{
        margin-left: 5px !important;
    }

    .product-sorting{
        margin-left : 30%!important;
    }
}


.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus{
    color:#A9A9A9 !important;
}

.product-sorting li{
    color:black !important;
}