/*Table Content
==========================
    # General
        - Fonts
    # Links
    # Headings
    # Lists
    # Images
*/
/* width */
::-webkit-scrollbar {
    width: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #c49851;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #c49851;
}

/* General
======================= */
body {
    font-size: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Amiri', serif;
}
.wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.main {
}
.page-content{
    margin-top: 110px;
}
/* Links
==========================*/
a{
    
}
a, a:hover, a:focus{
    text-decoration: none;
}
/* Headings 
========================== */
h1, h2, h3, h4, h5, h6 {
    display: block;
    margin: 0;
}
p{
    margin: 0;
}
/*Lists
==========================*/
ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Images
=========================== */
.table th, .table td{vertical-align: middle;}
input:focus,textarea:focus,select:focus{outline: none;}
select:focus,.custom-select:focus{box-shadow: none;}
img{
    display: block;
    max-width: 100%;
    height: auto;
}
input[type="text"]:disabled,
button:disabled {
    background: #dddddd !important;
    cursor: no-drop !important;
    color: #000 !important;
    border: none !important;
}

input.input-error {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ec1613 !important;
    border-color: #ec1613 !important;
}
/* Section Setting
============================ */ 
.text-end{text-align: end;}
.section-lg{
    padding: 50px 0;
}
button:focus{outline: none;}
.my-btn{
    background-color: #c49851;
    color: #fff;
    padding: 10px 20px;
    margin: 20px;
    text-transform: uppercase;
    font-size: 18px;
    border: 1px solid #c49851;
    transition: all 0.3s ease-in-out;
}
.my-btn:hover{
    background-color: transparent;
    color: #c49851;
}
.second-btn{
    background-color: transparent;
    color: #c49851;
    padding: 10px 20px;
    margin: 20px;
    text-transform: uppercase;
    font-size: 18px;
    border: 1px solid #c49851;
    transition: all 0.3s ease-in-out;
}
.second-btn:hover{
    background-color: #c49851;
    color: #fff;
}
img.rotated{
    transform: rotate(180deg);
    margin-top: -1px;
}
.my-color{color: #c49851;}
.no-bk-header{background-image: none !important;}
.w-70{width: 70%;}
/* checkbox
=========================== */
.checkbox-group {
    position: relative;
    display: block;
    margin: 0 10px;
}
.checkbox-group input[type=checkbox],.checkbox-group input[type=radio] {
    display: none;
}
.checkbox-group label {
    padding-left: 25px;
    cursor: pointer;
    font-size: 16px;
    color: #191919;
    transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
}
.checkbox-group label span {
    display: block;
    position: absolute;
    left: 0;
    -webkit-transition-duration: 0.12s;
    -moz-transition-duration: 0.12s;
    transition-duration: 0.12s;
}
.checkbox-group label .box {
    background: transparent;
    height: 17px;
    width: 17px;
    z-index: 3;
    border: 1px solid #c49851;
    border-radius: 4px;
}
.checkbox-group label .check {
    top: 3px;
    left: 0px;
    opacity: 0;
    z-index: 4;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    background: transparent;
    border-radius: 2px;
    width: 17px;
    height: 17px;
    line-height: 1;
}
.checkbox-group label .check:before {
    content: "\f00c";
    color: #c49851;
    position: relative;
    left: 2px;
    top: 1px;
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    font-weight: bold;
}
input[type=checkbox]:checked ~ label .check, input[type=radio]:checked ~ label .check {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
/* Start header
============================ */
header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url("../images/slider1.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.top-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
}
.top-header .actions a{
    color: #fff;
    padding: 0 15px;
    font-weight: 600;
    font-size: 16px;
}
.top-header .actions a i{color: #c49851;}
.top-header .actions a.my-btn{padding: 7px 25px;}
header .navbar .nav-item{font-size: 21px;margin: 0 15px;text-transform: uppercase;}
header .navbar .nav-item .nav-link{color: #fff;transition: all 0.3s ease-in-out;}
header .navbar .nav-item.active .nav-link,header .navbar .nav-item:hover .nav-link{color: #c49851;}
.header-animation{animation: slide-in 1s;background-color: #fff;box-shadow: 0px 0px 12px -3px #c49851;background-image: none;}
@keyframes slide-in {
    from {
        margin-top: -4em;
    }

    to {
        margin-top: 0em;
    }
}
.header-animation .navbar .nav-item .nav-link{color: #000;}
.header-animation .top-header .actions a{color: #000;}
.header-animation .top-header .actions a.my-btn{color: #fff;}
.header-animation .top-header .actions a.my-btn:hover{color: #000;}
.top-header .actions{
    display: flex;
    align-items: center;
}
.top-header .actions .custom-select{
    width: 110px;
    border-radius: 20px;
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    font-weight: bold;
    padding-left: 35px;
    margin: 0 10px;
    position: relative;
}
.top-header .actions a::after{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 2px;
    background-color: #727475;
}
.top-header .actions .custom-select option{color: #000;}
.top-header .actions .lang{
    position: absolute;
    top: 6px;
    left: 15px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
}
.header-animation .actions .custom-select{color: #727475;border: 1px solid #727475;}
/* Start authModal
============================ */ 
#authModal .modal-header{
    padding: 0;
    border-bottom: none;
    width: 100%;
    display: block;
}
#authModal .modal-footer{border-top: 0;}
#authModal .nav li{width: 50%;}
#authModal .nav li a{
    transition: all 0.3s ease-in-out;
    display: block;
    text-align: center;
    padding: 15px;
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
}
#authModal .nav li.active a{background-color: #dfdfdf;}
#authModal form{padding: 0 15px;}
#authModal form span{
    position: absolute;
    top: -9px;
    left: 10px;
    background-color: #fff;
    font-size: 17px;
}
#authModal form input{
    width: 100%;
    padding: 5px 10px;
    margin-bottom: 25px;
    border: none;
    border-bottom: 1px solid #e5e4e4;
    transition: all 0.3s ease-in-out;
}
#authModal form input:focus{
    border: 1px solid #e5e4e4;
    padding-top: 15px;
}
#authModal form input.hasValue{
    border: 1px solid #e5e4e4;
    padding-top: 15px;
}
#authModal form input[type="checkbox"]{
    width: auto;
}
#authModal form a{color: #b58382;text-decoration: underline;display: block;}
#authModal #resetPassword p{font-size: 17px;margin-bottom: 25px;color: #8d8d8d;}
/* Start bercramb
============================ */
.bercramb{background-color: #f6f6f6;padding: 20px;text-align: center;}
.bercramb a{color: #919191;font-size: 17px;margin: 0 5px;}
.bercramb a:last-of-type{color: #000;}
/* Start Footer
============================ */ 
footer{
     background-image: url(../images/Footer.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    text-align: center;
    padding: 50px 0px 20px 0px;
}
footer ul{margin: 20px 0;}
footer ul li{display: inline-block;margin: 0 20px;font-size: 17px;}
footer ul li a{color: #000;text-transform: uppercase;transition: all 0.3s ease-in-out;}
footer ul li a:hover{color: #c49851;}
footer .socials{display: flex;justify-content: center;}
footer .socials img{margin: 0 10px;}
footer p{margin-top: 15px;color: #848484;}
/* Start Home Slider
============================ */ 
.home .home-slider .slide img{width: 100%;}
.home .home-slider .slide{position: relative;height: 65vh;}
.home .home-slider .slide .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    z-index: 1;
}
.home .home-slider .slide .item-content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 500px;
    text-align: center;
    padding: 0px 30px;
    color: #fff;
     z-index: 2;
}
.home .home-slider .slide .item-content h1{margin-bottom: 10px;font-size: 45px;}
.home .home-slider .slide .item-content .line{
    background-color: #fff;
    height: 3px;
    width: 100px;
    margin: auto;
    margin-bottom: 15px;
}
.home .home-slider .slide .item-content p{color: #fafaf9;font-size: 25px;}
.home .home-slider .slide .item-content a{
    background-color: #c49851;
    color: #fff;
    padding: 10px;
    display: block;
    margin: 15px;
    text-transform: uppercase;
    font-size: 23px;
    border: 1px solid #c49851;
    transition: all 0.3s ease-in-out;
}
.home .home-slider .slide .item-content a:hover{
    background-color: transparent;
    color: #c49851;
}
.home .home-slider .slick-dots {
    display: block;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 25px;
    width: 100%;
}
.home .home-slider .slick-dots li{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid transparent;
    padding: 2px !important;
    border-radius: 50%;
    width: 15px !important;
    height: 15px !important;
    margin: 0 3px;
}
.home .home-slider .slick-dots li button {
    font-size: 0;
    background-color: #a4a4a4;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: none;
    padding: 0;
}
.home .home-slider .slick-dots li.slick-active{border: 1px solid #fff;} 
.home .home-slider .slick-dots .slick-active button{background-color: #fff;}
/* Start Categories Slider
============================ */
.categories-slider{margin-top: 15px;}
.categories .slide {
    margin: 15px 15px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
.categories .slide::before {
    background-color: rgba(229, 229, 229, 0.9);
    content: "";
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    bottom: -100%;
    transition: all 0.7s ease 0s;
    width: 100%;
    z-index: 1;
}
.categories .slide::after {
    background-color: rgba(229, 229, 229, 0.9);
    content: "";
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: -100%;
    transition: all 0.7s ease 0s;
    width: 100%;
    z-index: 1;
}
.categories .slide:hover::before {
    opacity: 0;
    transform: translate(0px, 0px);
    bottom: 0;
}
.categories .slide .overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.1);
    z-index: 1;
    border-radius: 5px;
}
.categories .slide img{
    margin: auto;
    border-radius: 5px;
}
.categories .slide p{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    color: #fff;
    z-index: 2;
    width: 100%;
    font-size: 17px;
}
.arrows i{
    margin: 0 5px;
    font-size: 20px;
    cursor: pointer;
}
/* Start item
============================ */
.best-selling{
    background-color: #000;
    color: #fff;
}
.best-selling .item{color: #fff;box-shadow: 0px 0 14px -7px #fff;}
.best-selling .item span{color: #b7b7b7;}
.best-selling .item:hover{box-shadow: 0px 0 14px -3px #fff;}
.best-selling .item .react{color: #fff;}
.item {
    margin: 15px 0;
    transition: all 0.3s ease-in-out;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 0 10px -7px #000;
}
.item .sales label{
    background-color: #f3eadc;
    color: #c49851;
    padding: 3px 10px;
    font-size: 15px;
    border-radius: 2px;
    line-height: 19px;
}
.item .actions .my-btn{
    font-size: 15px;
    margin: 0 10px;
    padding: 0px 10px;
    line-height: 35px;
}
.item:hover{box-shadow: 0px 0 8px -3px #000;}
.item .react{background-color: transparent;border: none;font-size: 25px;}
.item .react i.reacted{color: #c49851;}
.rate i{color: #d1d1d1;font-size: 10px;}
.rate i.rate{color: #f8be02;}
.item img{margin: auto;}
.item .item-info{padding: 10px 0;}
.item .item-info p{font-size: 19px;margin: 0 3px;}
.item .item-info del{
    color: #9e9e9e;
    font-size: 16px;
}
.item .item-info span{color: #a6a6a6;}
.item .counter,.offer .counter {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px 10px;
    border: none;
}
.item .counter button,.offer .counter button{
    color: #fff;
    font-size: 14px;
    border: none;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    background-color: #c49851;
    text-align: center;
}
.item .counter input,.offer .counter input{
    width: 60px;
    text-align: center;
    padding: 5px;
    border: none;
    background-color: transparent;
}
.counter input::-webkit-outer-spin-button,.counter input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.best-selling .item .counter input {
    color: #fff;
}
/* Start discount
============================ */
.discounts{display: flex;}
.discount{
    width: 33.3%;
    height: 350px;
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #fff;
    justify-content: center;
}
.discount h3{margin-bottom: 30px;}
/* Start offer
============================ */
.offers-filtters li{
    display: inline-block;
    margin: 0 10px;
    font-size: 19px;
    cursor: pointer;
    position: relative;
}
.offers-filtters li.selected{
    color: #caa263;
}
.offers-filtters li.selected::after{
    position: absolute;
    content: '';
    background-color: #caa263;
    height: 2px;
    width: 100%;
    bottom: 0px;
    left: 0px;
}
.offer{
    display: flex;
    padding: 10px 0px;
    border: 1px solid #ebe8e8;
    align-items: center;
    margin: 15px 0;
}
.offer img{width: 100px;height: 100px;object-fit: contain;}
.offer .info{width: calc(100% - 100px);padding: 0 10px;}
.offer .info h6 a{color: #000;}
.offer .info span{
    color: #a6a6a6;
    display: block;
    margin: 5px 0;
}
.offer .info .react{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 33px;
    background-color: #f3eadc;
    color: #fff;
    border: none;
}
.offer .info .react.reacted{
   color: #c49851;
}
.mix{display: none;}
.offer .info .addToCart{
    margin: 0;
    padding: 5px;
    font-size: 15px;
}
.offer .info del{margin-right: 15px;color: #a5a5a5;}
/* Start contact
============================ */
.contact {
    background-color: #000;
    color: #fff;
    padding-bottom: 5px;
}
.contact .info{padding: 25px;}
.contact .info h4{margin: 25px 0;font-size: 27px;}
.contact .info i{
    width: 45px;
    height: 45px;
    line-height: 45px;
    background-color: #f3eadc;
    color: #dcc297;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
    margin-right: 20px;
}
.contact .info p,.contact .info a{color: #828282;font-size: 17px;}
.contact form{
    box-shadow: 0px 0px 10px -3px #fff;
    padding: 25px;
    border-radius: 5px;
}
.contact form h4{margin: 25px 0;font-size: 27px;}
.contact form label{width: 49%;margin-bottom: 20px;}
.contact form label span{color: #8a8a8a;}
.contact form label input,.contact form label textarea{
    width: 100%;
    border: 1px solid #fff;
    padding: 8px 10px;
    resize: none;
    margin-top: 8px;
}
.contact form button{display: block;margin: 25px auto;}
/* Start checkout Page
============================ */
.checkout .billing-details,.checkout .orders{padding: 0 15px;}
.checkout .billing-details > div{margin: 10px 0;}
.checkout .billing-details span{color: #a5a5a5;display: block;}
.checkout .billing-details input,.checkout .billing-details select,.checkout .billing-details textarea{
    width: 100%;
    margin: 5px 0;
    padding: 7px 15px;
    border: 1px solid #a5a5a5;
    resize: none;
}
.checkout .billing-details .small-select{width: calc(100% - 100px);}
.checkout .billing-details .delivery-fees {
    background-color: #eee;
    border: 1px solid #a5a5a5;
    padding: 10px 15px;
    margin: 5px 0;
}
.checkout .orders .order{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding: 0px 0px 10px;
    border-bottom: 1px solid #f7f7f7;
}
.checkout .orders .order img{width: 100px;height: 100px;}
.checkout .orders .order .order-info{padding: 0 10px;}
.checkout .orders .order .order-info p{font-size: 18px;margin: 5px 0;}
.checkout .orders .details{
    background-color: #f8f8f8;
    margin: 15px 0;
}
.checkout .orders .details div{
    display: flex;
    align-items: center;
    padding: 10px;
    border: 1px solid #f0f0f0;
}
.checkout .orders .details p{font-size: 17px;}
.checkout .orders .details p:first-of-type{width: 30%;}
#billingModal .modal-footer{padding: 20px 0.75rem;}
#billingModal .modal-footer p{font-size: 17px;font-weight: 600;}
#billingModal .modal-footer .payWith{
    display: flex;
    align-items: center;
}
#billingModal .modal-footer .payWith div{margin: 0 5px;position: relative;}
#billingModal .modal-footer .payWith p{font-size: 22px;}
#billingModal .modal-footer .payWith div input,#billingModal .modal-footer .payWith div i{display: none;}
#billingModal .modal-footer .payWith div label{
    margin-bottom: 0px;
    border: 1px solid #ddd;
    border-radius: 7px;
    position: relative;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    padding: 3px
}
#billingModal .modal-footer .payWith div input:checked ~ label{border-color: #c49851;}
#billingModal .modal-footer .payWith div input:checked ~ i {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #c49851;
    color: #fff;
    border-radius: 50%;
    top: -20px;
    left: calc(50% - 10px);
    font-size: 12px;
}
#billingModal .modal-footer .payWith div label img{height: 30px;border-radius: 7px;}
/* Start shopping-cart Page
============================ */
.cart .heads {
    background-color: #f2f2f2;
    padding: 15px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.cart .products .product{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding: 0px 0px 10px;
    border-bottom: 1px solid #f7f7f7;
    position: relative;
}
.cart .products .product .delete{
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    background-color: #000;
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: -10px;
    left: -10px;
}
.cart .products .product img{width: 130px;height: 130px;}
.cart .products .product .product-info{padding: 0 20px;}
.cart .products .product .product-info p{font-size: 18px;margin: 5px 0;}
.cart .products .product .product-info .counter{display: flex;}
.cart .products .product .product-info .counter button{
    width: 35px;
    height: 28px;
    font-size: 12px;
    line-height: 35px;
    padding: 0;
    margin: 0;
    border: none;
    background-color: #e2e2e2;
}
.cart .products .product .product-info .counter input{
    border: none;
    height: 28px;
    background-color: #efefef;
    text-align: center;
    width: 60px;
}
.cart .products .product .product-info .counter input::-webkit-outer-spin-button,
.cart .products .product .product-info .counter input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.cart .order-summary p{font-size: 18px;}
.cart .summary .coupon{
    padding: 15px 0;
    margin: 20px 0;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}
.cart .summary .coupon form{display: flex;background-color: #f8f8f8;padding: 10px;border: 1px solid #e2e2e2;}
.cart .summary .coupon form input{width: 100%;border: none;background-color: transparent;}
.cart .summary .coupon form button{margin: 0;padding: 5px 20px;font-size: 16px;}
.cart .success-operation {
    text-align: center;
    background-color: #f3eadc;
    color: #c49851;
    border-radius: 7px;
    margin: 0px 100px;
    padding: 40px;
}
.cart .success-operation img{width: 150px;margin: auto;}
.cart .success-operation h2{margin: 50px 0;}
.cart .success-operation h4{font-family: 'Rubik Beastly', cursive;font-size: 35px;}
.empty-cart {
    text-align: center;
    background-color: #e7e7e7;
    border-radius: 7px;
    margin: 0px 100px;
    padding: 40px;
}
.empty-cart img{
    margin: auto;
    height: 150px;
}
.empty-cart h2{margin: 30px;}
/* Start product Page
============================ */
.product .product-slider {
    width: 110px;
}
.product .product-slider img{width: 110px;height: 110px;}
.product .main-image{width: calc(100% - 110px);margin-left: 15px;}
.product .product-info .sales label {
    background-color: #f3eadc;
    color: #c49851;
    font-size: 18px;
    padding: 3px 20px;
    font-weight: 600;
}
.product .product-info .info{display: flex;align-items: center;margin: 10px 0;}
.product .product-info .info span{
    color: #898989;
    font-size: 18px;
    margin: 0 5px;
    padding: 0 15px;
    border-left: 1px solid #d1d1d1;
}
.product .product-info p{color: #929292;font-size: 16px;}
.product .product-info label.label-headline {
    font-size: 19px;
    font-weight: 600;
    margin-top: 10px;
    width: 30%;
}
.product .product-info select{width: 70%;padding: 3px;border-color: #929292;color: #929292;}
.product .product-info .counter{display: flex;}
.product .product-info .counter button{
    color: #c49851;
    font-size: 18px;
    background-color: transparent;
    border: none;
}
.product .product-info .counter input{width: 60px;text-align: center;padding: 5px;border: 1px solid #ebe9e9;}
.product .product-info .counter input::-webkit-outer-spin-button,
.product .product-info .counter input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.product .product-info .add-btn{
    display: flex;
    align-items: center;
    margin: 15px 0;
    padding: 15px 0;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
}
.product .product-info .add-to-wish {
    font-size: 25px;
    background-color: transparent;
    border: 1px solid #c49851;
    padding: 10px 15px;
    display: flex;
    align-items: center;
}
.product .product-info .add-to-wish i{color: #c0c0c0;}
.product .product-info .add-to-wish.reacted i{color: red;}
.product .product-info .share-social a {
    color: #c49851;
    font-size: 35px;
    margin-right: 15px;
}
.product .tabs {
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
    display: flex;
    padding-bottom: 25px;
    margin-top: 30px;
}
.product .tabs .nav{width: 25%;flex-direction: column;}
.product .tabs .nav li{
    width: 100%;
    border: 1px solid #f4f4f4;
    font-size: 17px;
    text-transform: uppercase;
}
.product .tabs .nav li a{
    color: #c1c1c1;
    font-weight: 600;
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
}
.product .tabs .nav li.active a{color: #914746;}
.product .tabs .tab-content{padding: 20px 50px;width: 70%;}
.product .tabs #description p{color: #828282;font-size: 17px;}
.review {
    display: flex;
    border-bottom: 1px solid #eee;
    padding: 10px 0px;
}
.review:last-of-type{border-bottom: none;}
.review img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 5px solid #fff;
    outline: 1px dashed #aaa;
}
.review .review-content{padding: 0 15px;}
.review .review-content h5{font-weight: 600;}
.review .review-content .rate{margin: 5px 0;}
.review .review-content i{font-size: 18px;}
.write-review p {
    font-size: 18px;
    display: inline-block;
    padding-bottom: 3px;
    margin: 0px auto 25px auto;
    color: #8c8c8c;
    position: relative;
}
.write-review p::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0px;
    left: 0;
    background-color: #c5c5c5;
}
.write-review p::before{
   content: '';
    position: absolute;
    bottom: -20px;
    left: calc(50% - 10px);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid #c5c5c5;
    border-bottom: 10px solid transparent;
}
.write-review form span{font-weight: 600;}
.write-review form input,.write-review form textarea{
    border: 1px solid #eeeeee;
    padding: 7px 10px;
    resize: none;
    width: 100%;
    margin: 5px 0 20px;
}
/* Start products Page
============================ */
.filter-container {
    display: flex;
    align-items: center;
    border: 1px solid #ededed;
    position: relative;
    margin-bottom: 15px;
    justify-content: space-between;
}
.filter-container button{
    background-color: #f3eadc;
    color: #c49851;
    padding: 10px 15px;
    border: none;
    text-transform: uppercase;
}
.filter-container .filters{display: flex;justify-content: center;width: 100%;}
.filter-container .filters input{padding: 0 10px;border: none;width: 100%;}
.filter-container .filters select{
    font-size: 17px;
    border: 1px solid #eee;
    margin: 5px;
    border-radius: 5px;
}
.filter-container .sort-select{
    background-color: #f3eadc;
    color: #c49851;
    padding: 10px 20px;
    border: none;
    text-transform: uppercase;  
}
.filter-container .sort-icon{
   margin: 0 5px;
}
/* Start Order Page
============================ */
.order .order-info h6 {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 600;
}
.order .order-info h6:first-of-type{width: 30%;}
.order .order-head h5 {
    font-weight: 600;
    font-size: 22px;
}
.order .order-head label{
    display: inline-block;
    background-color: #007cf8;
    color: #fff;
    padding: 10px 30px;
    font-size: 20px;
    margin: 30px 0;
}
/* Start profile Page
============================ */
.profile .nav li a {
    display: block;
    color: #858585;
    margin-bottom: 15px;
    padding: 10px;
    font-size: 19px;
    transition: all 0.3s ease-in-out;
}
.profile .nav li.active a{
    background-color: #f3eadc;
    color: #cca668;
}
.profile .nav li a i{margin-right: 10px;}
.profile .tab-content{
    box-shadow: 0px 0 8px -5px #000;
    padding: 30px;
    border-radius: 5px;
}
.profile .tab-content .box-headline{font-weight: 600;font-size: 18px;margin-bottom: 10px;}
.profile #account form label{width: 49%;margin-bottom: 20px;}
.profile #account form label span{color: #949494;}
.profile #account form label input,.profile #account form label select{
    width: 100%;
    border: 1px solid #ededed;
    padding: 7px 10px;
    margin: 5px 0;
}
.profile #favorites table thead{background-color: #c49851;color: #fff;}
.profile #favorites table thead th,.profile #orders table thead th{text-transform: uppercase;}
.profile #favorites table tbody .my-btn{
    font-size: unset;
    padding: 5px 20px;
    display: inline-block;
}
.profile #favorites table .product{display: flex;align-items: center;position: relative;}
.profile #favorites table .product img{width: 50px;height: 50px;}
.profile #favorites table .product i{
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    background-color: #000;
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: -10px;
    left: -10px;
}
.profile #favorites table .product p{text-transform: uppercase;margin: 0 10px;}
.profile #orders table thead{background-color: #f2f2f2;}
.profile #orders table tbody td{font-weight: 600;font-size: 17px;}
/* Start Responsive
============================ */
.hidden-mob{display: block;}
.hidden-pc{display: none;}
@media(max-width: 992px){
    .hidden-mob{display: none !important;}
    .hidden-pc{display: block;}
    .section-lg{padding: 20px 0;}
    .page-content{margin-top: 70px;}
    .top-header{padding: 5px 0;}
    .top-header .logo img{width: 90px;}
    .navbar-toggler{color: #daae55;}
    header .navbar .navbar-collapse{
        background-color: #fff;
        border-top: 1px solid #daae55;
    }
    header .navbar .navbar-collapse .nav-item .nav-link{color: #000;}
    header .navbar .navbar-collapse .nav-item.active .nav-link
    ,header .navbar .navbar-collapse .nav-item:hover .nav-link{color: #c49851;}
    header .navbar .nav-item{text-align: center;}
    .navbar-collapse .actions{
        padding-bottom: 20px;
    }
    .navbar-collapse .actions .custom-select{
        width: 110px;
        border-radius: 20px;
        border: 1px solid #000;
        background-color: transparent;
        color: #000;
        font-weight: bold;
        padding-left: 35px;
        margin: 0 10px;
        position: relative;
    }
    .navbar-collapse .actions .custom-select option{color: #000;}
    .navbar-collapse .actions .lang{
        position: absolute;
        top: 6px;
        left: 15px;
        width: 25px;
        height: 25px;
        border-radius: 50%;
    }

    .home .home-slider .slide img{height: 100%;}
    .home .home-slider .slide .item-content{top: 60%;}
    .home .home-slider .slide .item-content h1{font-size: 18px;}
    .home .home-slider .slide .item-content p{font-size: 16px;}
    .home .home-slider .slide .item-content a{font-size: 14px;padding: 5px 10px;}
    .home .home-slider .slide .item-content{width: 90%;padding: 30px 15px;}
    .categories .slide{margin: 15px 0;}
    .item{box-shadow: 0px 0 10px -7px #000;padding: 7px;}
    .item .item-info{padding: 10px 0;}
    .discounts{display: block;}
    .discount{width: 100%;}
    .offers-filtters li{margin: 0 5px;}
    .contact .info{padding: 0;}
    .contact form{padding: 10px;}
    .contact form button{margin: 5px auto;}
    .testimonial{padding-bottom: 50px;}
    footer{padding: 20px 0px 20px 0px;}
    footer ul li{margin: 0 5px;}
    .product .product-slider{width: 100%;margin-bottom: 20px;}
    .product .product-info .add-btn{display: block;}
    .product .product-info .counter{justify-content: center;margin-bottom:10px;}
    .product .tabs{display: block;margin-top: 15px;}
    .product .tabs .tab-content,.product .tabs .nav{width: 100%;padding: 0;}
    .review img{width: 50px;height: 50px;}
    .product .product-slider img{width: 100px;height: 100px;margin: 0 8px;}
    .product .product-info{text-align: center;}
    .product .product-info .info{display: block;text-align: center;}
    .product .product-info .info .rate{margin: 10px 0;}
    .product .product-info .info span{border-left: none;}
    .filter-container .filters{justify-content: end;display: block;}
    .filter-container .filters input{padding: 10px;}
    .filter-container .filters select,.filter-container .filters button{
        width: calc(100% - 20px);
        padding: 10px;
        margin: 0 10px;
    }
    .filter-container{display: block;}
    .filter-container .sort-select{width: 100%;margin-bottom: 10px;}
    .filter-container .w-70{width: 100%;}
    .cart .success-operation,.empty-cart{margin: 0;padding: 20px;}
    .cart .success-operation img{width: 90px;}
    .cart .success-operation h2,.empty-cart h2{margin: 20px 0;}
    .shopping-bar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #c49851;
        color: #fff;
        position: fixed;
        padding: 8px;
        width: 90%;
        bottom: 5px;
        left: 5%;
    }
    .shopping-bar span{
        width: 30px;
        height: 30px;
        line-height: 30px;
        background-color: #e1c79f;
        border-radius: 3px;
        text-align: center;
    }
}
.home .home-slider .slick-active .item-content p{
  animation-name: fadeInDownSD;
  animation-duration: 1.3s;
  opacity: 1;
}
.home .home-slider .slick-active .item-content h1{
  animation-name: fadeInDownSD;
  animation-duration: 1.5s;
  opacity: 1;
}
.home .home-slider .slick-active .item-content a{
  animation-name: fadeInUpSD;
  animation-duration: 1.3s;
  opacity: 1;
}
/** Text Animation **/
@keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/** Text Animation **/
@keyframes fadeInDownSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.do-rate {
    padding: 0 10px;
    margin: 0 25px;
    direction: rtl;
}
.do-rate:not(:checked) > input {
    display: none;
}
.do-rate:not(:checked) > label {
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:26px;
    color:#ccc;
}
.do-rate:not(:checked) > label:before {
    content: '★ ';
}
.do-rate > input:checked ~ label {
    color: #ffc700;    
}
.do-rate:not(:checked) > label:hover,
.do-rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.do-rate > input:checked + label:hover,
.do-rate > input:checked + label:hover ~ label,
.do-rate > input:checked ~ label:hover,
.do-rate > input:checked ~ label:hover ~ label,
.do-rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}
.box-1-1 img, .box-1-4 img {
    width: 100% !important;
    height: 100% !important;
    display: block;
}