/*Table Content
==========================
    # General
        - Fonts
    # Links
    # Headings
    # Lists
    # Images
*/


/* General
======================= */
/* Fonts */
@font-face {
    font-family: 'OpenSans-Bold';
    src: url(../vendor/fonts/OpenSans-Bold.ttf);
}

body{
    font-size: 15px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    font-family: 'Cairo', sans-serif;
}
.wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.main {
    margin-top: 206px;
    min-height: calc(100vh - 471px);
}
/* 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
=========================== */
.dropdown-item.active, .dropdown-item:active{background-color: #f8f9fa;}
img{
    display: block;
    max-width: 100%;
    height: auto;
}
input:focus,button:focus{outline: none;}
.btn:focus{box-shadow: none !important;}
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
============================ */ 
.section-lg{
    padding: 50px 0;
}
.section-sm{
    padding: 10px 0;
}
.my-flex{
    display: flex;
    align-items: center;
}
.my-btn{
    background-color: #0e0e0e;
    color: #fff;
    border-radius: 7px;
    border: none;
    padding: 8px 20px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.my-btn::after{
    background-color: rgba(229, 229, 229, 0.6);
    content: "";
    height: 100%;
    left: -100%;
    opacity: 1;
    position: absolute;
    top: 0;
    transition: all 0.7s ease 0s;
    width: 100%;
    z-index: 1;
}
.my-btn:hover::after{
    opacity: 0;
    transform: translate(0px, 0px);
    left: 0;
}
.head-line{
    text-align: center;
}
.head-line h4{color: #000;text-transform: uppercase;}
.head-line p{color: #9f9f9f;margin: 10px 0;}
.head-line img{margin: 10px auto;width: 230px;}
.seeAll-btn{
    text-transform: uppercase;
    padding: 13px 40px;
    font-weight: 500;
    margin: 30px auto 0;
    display: inline-block;
    color: #fff !important;
}
.text-end{text-align: end;}
.my-box{
    box-shadow: 0 0 10px -3px #aaa;
    padding: 15px 20px;
    border-radius: 10px;
}
.my-table{
    text-align: center;
    background-color: #f5f5f5;
    box-shadow: 0 0 10px -3px #aaa;
    border-radius: 7px;
}
.my-table thead{background-color: #343232;color: #fff;text-transform: uppercase;}
.my-table .delete-btn{background-color: #f44336;color: #fff;border: none;}
.my-table img{
    margin: auto;
    width: 100px;
    height: 100px;
}
table th,table td{vertical-align: middle !important;}
/* Start header
============================ */
header .fixed-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
    -webkit-animation: slide-in .3s;
    animation: slide-in .3s;
}
@keyframes slide-in {
    from {
        margin-top: -4em;
    }

    to {
        margin-top: 0em;
    }
}
@keyframes slide-on {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
header .fixed-header ul li{display: inline-block;margin: 0 15px;}
header .fixed-header ul li a{color: #737070;text-transform: uppercase;transition: all 0.3s ease-in-out;}
header .fixed-header ul li.active a,header .fixed-header ul li:hover a{color: #000;}
header .main-header {
    display: block;
    -webkit-animation: slide-in .3s;
    animation: slide-on .3s;
}

header.shadow {
    box-shadow: 0px 0 20px -5px #aaa;
    transition: all 0.3s ease-in-out;
}
header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
}
.top-header{
    background-color: #0e0e0e;
    color: #c6c6c6;
    padding: 10px 0;
}
.top-header p{margin: 0 10px;}
.top-header a{color: #c6c6c6;}
.top-header select{
    background-color: transparent;
    border: none;
    color: #fff;
}
.top-header select option{color: #000;}
.header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
}
.header.header-pc{display: flex !important;}
.header .search{position: relative;width: 350px;}
.header .search button {
    background-color: #0e0e0e;
    color: #fff;
    border: none;
    padding: 8px 20px;
    font-size: 18px;
    border-radius: 7px;
    position: absolute;
    right: 0;
    height: 100%;
}
.header .search input{
    box-shadow: 0 0 10px -3px #aaa;
    border: none;
    padding: 10px 15px;
    border-radius: 7px;
    margin-right: -3px;
    width: 100%;
}
.header .actions .notification{display: flex;align-items: center;}
.header .actions .noti-num{
    position: relative;
    border: 1px solid #0e0e0e;
    padding: 5px;
    border-radius: 7px;
}
.header .actions .noti-num img{height: 25px;width: 25px;object-fit: cover;}
.header .actions .noti-num span{
    width: 15px;
    height: 15px;
    line-height: 13px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #0e0e0e;
    border-radius: 50%;
    position: absolute;
    top: -9px;
    right: -12px;
    display: block;
}
.header .actions .login{margin: 0 5px;}
.header .actions .login a,header .my-cart a{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0e0e0e;
}
.header .actions .login a p,header .my-cart a p{
    text-transform: uppercase;
    margin: 0 5px;
    font-size: 13px;
    font-weight: 600;
}
.header .actions .login.profile .img-profile{
    width: 30px;
    height: 30px;
}
.header .actions .login.profile .img-profile img{width: 100%;height: 100%;border-radius: 7px;}
.border-head{
    border: 1px solid #0e0e0e;
    padding: 5px;
    border-radius: 7px;
}
.border-head img{height: 18px;width: 18px;}
header .my-cart .border-head{background-color: #0e0e0e;position: relative;}
header .my-cart .border-head span{
    width: 15px;
    height: 15px;
    line-height: 13px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #0e0e0e;
    border-radius: 50%;
    position: absolute;
    top: -9px;
    right: -12px;
    display: block;
}
header .my-cart a p{margin-left: 15px;}
nav{background-color: #0e0e0e;border-radius: 7px;box-shadow: 0 0 10px -3px #fff;}
nav .collapse{justify-content: center;}
nav .collapse .navbar-nav li{margin: 0 10px;}
nav .collapse .navbar-nav a{color: #a8a8a8;transition: all 0.3s ease-in-out;text-transform: uppercase;}
nav .collapse .navbar-nav .active a,nav .collapse .navbar-nav a:hover{color: #fff;}

.notification .notifications{
    border-radius: 10px;
    width: 400px;
}
.notification .notifications .notifications-head button{
    width: 100%;
    border: none;
    padding: 5px 0;
    box-shadow: 0 0 10px -3px #aaa;
}
.notification .notifications .notifications-footer{padding: 10px;}
.notification .notifications .notifications-footer button{
    margin: auto;
    display: block;
    padding: 10px 30px;
}
.notification .notifications .notifications-body{
    max-height: 420px;
    overflow-y: scroll;
    padding: 10px;
}
.notification .notifications .notifications-body .notifications-item{
    display: flex;
    align-items: center;
    color: #484848;
    border-bottom: 1px solid #efefef;
}
.notification .notifications .notifications-body .notifications-item .item-img{max-width: 100px;height: 100px;margin-right: 5px;display: inline-table;}
.notification .notifications .notifications-body .notifications-item img{width: 100%;height: 100%;}
.notification .notifications .notifications-body .notifications-item .item-content p{font-size: 14px;color: #000;}
.notification .notifications .notifications-body .notifications-item .item-content span{font-size: 12px;}
/* End header
============================ */ 
/* Start footer
============================ */ 
footer{
    background-color: #0e0e0e;
    color: #636363;
    padding: 10px 0;
}
footer img{margin: 5px auto;}
footer p.footer-disc{margin: 30px 100px;}
footer .info{
    text-align: center;
    margin: 20px auto;
}
footer .info .icon{
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    border-radius: 7px;
    font-size: 23px;
    margin: 20px auto;
}
footer .info a,footer .info p{color: #636363;margin: 0 50px;}
footer .powerdBy{
    border-top: 1px solid #1b1b1b;
    padding: 10px 0;
    text-align: center;
    color: #fff;
}
footer .powerdBy a{color: #fff;}
/* End footer
============================ */ 
/* Start categories
============================ */ 
.categories{}
.categories .categories-head{
    background-color: #343232;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 15px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-weight: 500;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.categories .categories-body::-webkit-scrollbar {
    display: none;
}
.categories .categories-body{
    box-shadow: 0 0 10px -3px #aaa;
    padding: 15px 25px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: calc(100% - 37px);
    overflow-y: scroll;
    width: 100%;
}
.categories .categories-body nav{border-radius: 0px;background-color: transparent;padding: 0;}
.categories .categories-body nav .navbar-nav{display: block;width: 100%;}
.categories .categories-body nav .navbar-nav li a{
    margin: 0;
    color: #000;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.categories .categories-body nav .navbar-nav li a.dropdown-toggle::after{
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "\f054";
    font: normal normal normal 14px/1 FontAwesome;
    border: 0 !important;
}
.categories .categories-body nav .navbar-nav li .dropdown-menu{
    right: 10px;
    left: unset;
    width: 220px;
    top: 20px;
}
.categories .categories-body .navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.categories .categories-body .dropdown-submenu {
    position:relative;
}
.categories .categories-body .dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
}

/* rotate caret on hover */
.categories .categories-body .dropdown-menu > li > a:hover:after {
    transform: rotate(90deg);
} 
/* End categories
============================ */ 
/* Start Home slider
============================ */
.home-slider img{width: 100%;border-radius: 8px;}
.home-slider .slick-dots{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
}
.home-slider .slick-dots li{display: inline-block;}
.home-slider .slick-dots li button{
    font-size: 0;
    border: 1px solid #7a7a7a;
    background-color: #7a7a7a;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-left: 5px;
}
.home-slider .slick-dots .slick-active button{
    background-color: #fff;
    width: 20px;
    height: 10px;
    border-radius: 7px;
}
.advertisement a{display: block;}
.advertisement img{width: 100%;height: 100%;}
/* End Home Slider
============================ */
/* Start Item
============================ */
.new .nn,.new .pp{
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #f5f5f5;
    color: #bcbcbc;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0 0 10px -3px #aaa;
    position: absolute;
    top: 50%;
    left: -28px;
}
.new .nn{left: unset;right: -28px;}
.arrivals-slider .item{margin: 15px;}
.item {
    padding: 10px;
    background-color: #f5f5f5;
    box-shadow: 0 0 10px -3px #aaa;
    border-radius: 7px;
    position: relative;
    margin: 15px 0;
    max-height: 362px;
}
.item .item-img{
    display: block;
    width: 100%;
}
.item .item-img img{width: 100%;height: 100%;border-radius: 7px;}
.item .item-info{padding: 10px 0;}
.item .item-info p{font-size: 16px;font-weight: 500;}
.rate{margin: 5px 0;}
.rate i{font-size: 12px;color: #d2d2d2;}
.rate i.rated{color: #ffc107;}
.price .old-price{
    margin-left: 10px;
    text-decoration: line-through;
    color: #b7b7b7;
}
.price .new-price{font-size: 19px;font-weight: 500;}
.item .item-info .fav i{color: #b5b5b5;font-size: 21px;cursor: pointer;}
.item .item-info .fav i.liked{color: #ff0011;}
.item.item-vertical{display: flex;align-items: center;padding: 0 10px;}
.item.item-vertical .item-img{
    margin-right: 10px;
    width: 150px;
    height: 145px;
}
.item.item-vertical  .item-info{width: calc(100% - 150px);}
.item .offer,.item .new{
    position: absolute;
    top: 25px;
    padding: 2px 15px;
    text-align: center;
    background-color: #ff0011;
    color: #fff;
    font-size: 13px;
}
.item .new{
    background-color: #ffbf32;
    right: 0;
}
.item .offer::after {
    position: absolute;
    top: 0px;
    right: -5px;
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .9em solid;
    border-bottom: .9em solid;
    border-right: .7em solid;
    border-left: .7em solid transparent;
    height: 100%;
    display: none;
}

/* End Item
============================ */
/* Start about Page
============================ */
.about .about-content p{margin: 20px 0;font-size: 14px;color: #909090;}
.brands .brand{
    margin: 15px 0;
    box-shadow: 0 0 10px -3px #aaa;
    border-radius: 7px;
/*
    width: 255px;
    height: 255px;
*/
}
.brands .brand img{height: 100%;width: 100%;border-radius: 7px;}
/* End about Page
============================ */
/* Start cart Page
============================ */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.cart table{background-color: #f5f5f5;text-align: center;}
.cart table thead th{text-transform: uppercase;}
.cart table .delete-btn{background-color: #f44336;color: #fff;border: none;}
.cart table img{margin: auto;width: 100px;height: 100px;}
.cart table h5{font-size: 18px;}
.counter{
    display: inline-flex;
    background-color: #fff;
    padding: 15px;
    border: 1px solid #aaa;
    border-radius: 8px;
}
.counter button{background-color: transparent;border: none;}
.counter input{width: 60px;border: none;text-align: center;}
.cart .cartTemp .cartTemp-head {
    background-color: #343a40;
    color: #fff;
    padding: 10px;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    text-transform: uppercase;
}
.cart .cartTemp .cartTemp-body {
    border: 1px solid #aaa;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    padding: 15px;
}
.cart .cartTemp .cartTemp-body p{color: #a9a9a9;}
.cart .cartTemp .cartTemp-body input{
    padding: 8px 10px;
    border-radius: 7px;
    border: 1px solid #aaa;
    width: 47%;
    margin-right: 20px;
}
.cart .cartTemp .cartTemp-body a{width: 47%;background-color: #343a40;color: #fff;display: inline-block;text-align: center;}
.empty-cart{text-align: center;}
.empty-cart img{margin: auto;}
.empty-cart h5{margin: 25px 0;font-weight: 600;}
.empty-cart p{
    margin: 25px auto;
    font-size: 17px;
    width: 400px;
    color: #7f7f7f;
}
.empty-cart a{display: inline-block;}
.empty-cart a:hover{color: #fff;}
/* End cart Page
============================ */
/* Start contact Page
============================ */
.contact .info{text-align: center;margin-bottom: 20px;}
.contact .info .icon{
    width: 45px;
    height: 45px;
    line-height: 45px;
    background-color: #343232;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    margin: auto;
}
.contact .info a,.contact .info p{color: #a8a8a8;font-size: 13px;width: 220px;margin: auto;}
.contact .info h6{margin: 5px 0;font-weight: 600;}
.contact form h5{margin-bottom: 10px;font-weight: 600;}
.contact form label{width: 47%;margin: 5px 0;}
.contact form label span{
    color: #bdbcbc;
    margin-bottom: 5px;
    display: block;
}
.contact form label input,.contact form label textarea{
    width: 100%;
    box-shadow: 0 0 10px -3px #aaa;
    border: none;
    padding: 10px 15px;
    border-radius: 7px;
}
.contact form label textarea{resize: none;height: 100px;}
.contact form button{
    margin: auto;
    display: block;
    padding: 13px 50px;
}
/* End contact Page
============================ */

/* Start checkout Page
============================ */
.billing form{
    box-shadow: 0 0 10px -3px #aaa;
    margin-top: 20px;
    padding: 50px 15px;
    border-radius: 10px;
}
.billing form label{
    width: 47%;
    margin: 10px 0;
    overflow: hidden;
}
.billing form label span{color: #979797;}
.billing form label input,.billing form label textarea{
    width: 100%;
    background-color: #f2f2f2;
    border: none;
    padding: 10px 15px;
    border-radius: 7px;
}
.billing form label textarea{resize: none;}
.order-summary table{
    margin-top: 20px;
    background-color: #f5f5f5;
    text-align: center;
}
.order-summary table a{display: inline-block;color: #fff;}
.order-summary table th,.order-summary table td{padding: 1.25rem;}
/* End checkout Page
============================ */

/* End order-details Page
============================ */
.order-details table,.order-info{
    margin-top: 20px;
    background-color: #f5f5f5;
    box-shadow: 0 0 10px -3px #aaa;
    border-radius: 7px;
}
.order-details table thead{background-color: #343232;color: #fff;border-radius: 10px;}
.order-details table tbody{border-radius: 10px;text-transform: uppercase;font-weight: 600;}.
.order-details table tbody .item-price{
    margin-top: 5px;
    display: block;
    color: #848484;
}
.order-info{
    margin-top: 50px;
    padding: 20px 40px;
}
.order-info > div{margin-bottom: 15px;}
.order-info label{color: #666666;width: 25%;}
.order-info p{font-weight: 600;}
/* End order-details Page
============================ */

/* Start login-signup Page
============================ */
.auth-box{
    background-color: #f5f5f5;
    padding: 40px;
    width: 60%;
    margin: 40px auto 0;
    border-radius: 5px;
}
.auth-box label{display: block;margin-bottom: 25px;}
.auth-box label .view-password{
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
    color: #949494;
    font-size: 17px;
}
.auth-box label span{
    color: #949494;
    width: 25%;
    display: inline-block;
}
.auth-box label input,.auth-box label select{
    width: 74%;
    box-shadow: 0 0 10px -3px #aaa;
    border: none;
    padding: 8px 15px;
    border-radius: 7px;
}
.auth-box button{
    margin: 50px auto 10px;
    display: block;
    text-transform: uppercase;
    padding: 10px 50px;
}
.auth-box a{color: #949494;}
.auth-box p{
    text-align: center;
    margin-top: 20px;
    color: #949494;
}
.auth-box p a{
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
}
/* End login-signup Page
============================ */

/* Start products Page
============================ */
.products .show-style{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.products .show-style p{font-size: 17px;}
.products .show-style select{
    color: #797979;
    border: 1px solid #aaa;
    padding: 4px 15px;
    border-radius: 10px;
    margin: 0 50px 0 10px;
}
.products .show-style .nav li{
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #6f6d6d;
    margin-left: 15px;
    border-radius: 7px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.products .show-style .nav li a{color: #bbbbbb;font-size: 23px;transition: all 0.3s ease-in-out;}
.products .show-style .nav li.active{background-color: #343232;}
.products .show-style .nav li.active a{color: #fff;}
.item.item-vertical .vertical-desc{color: #b7b7b7;margin: 5px 0;}
.vertical-fav{
    background-color: #0e0e0e;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 7px;
    text-transform: uppercase;
}
.vertical-fav i{margin-right: 5px;font-size: 20px;}
.vertical-fav.liked i{color: #ff0011;}
.item.item-vertical .big-vertical {
    height: 170px !important;
    width: 170px !important;
    margin: auto !important;
}
.products .filters .filters-head{
    background-color: #343232;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 15px;
    border-radius: 7px;
    font-weight: 500;
}
.products .filters .filters-body{
    box-shadow: 0 0 10px -3px #aaa;
    padding: 15px 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.products .filters .filters-body li{
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    cursor: pointer;
}
.products .filters .filters-body li p:first-of-type{font-weight: 500;}
.products .filters .filters-body li p a{color: #000;}
.products nav{background-color: transparent!important;}
.products nav .pagination{justify-content: center;}
.products nav .pagination li{margin: 5px;}
.products nav .pagination li .page-link{
    color: #aaaaaa;
    border-color: #343232;
}
.products nav .pagination li .page-link:hover,.products nav .pagination li .page-link.active{
    color: #fff;
    text-decoration: none;
    background-color: #343232;
    border-color: #343232;
}
/* End products Page
============================ */

/* Start profile Page
============================ */
.profile .menu ul{display: block;}
.profile .menu ul li{margin: 20px 5px;}
.profile .menu ul li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #2e2e2e;
    background-color: #f5f5f5;
    padding: 15px;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}
.profile .menu ul li a.active,.profile .menu ul li a:hover{
    background-color: #343232;
    color: #fff;
}
.profile .menu ul li a p{
    margin: 0 15px;
    font-size: 16px;
    font-weight: 600;
}
.profile .menu ul li a div i{font-size: 22px;}
.profile #profile .icon-uploader{position: absolute;bottom: 5px;right: 5px;}
.profile #profile .icon-uploader i{
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    background-color: #000;
    cursor: pointer;
}
.profile #profile .icon-uploader input{
    position: absolute;
    left: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
}
.profile #profile .image-container{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    margin: 0 auto 50px;
}
.profile #profile .image-container img{width: 100%;height: 100%;border-radius: 50%;}
.profile #profile form{width: 90%;margin: auto;}
.profile #profile form label{width: 46%;margin-bottom: 20px;}
.profile #profile form label span{color: #808080;display: block;}
.profile #profile form label input{
    width: 100%;
    padding: 8px 15px;
    background-color: #f2f2f2;
    border: none;
    border-radius: 7px;
    margin-top: 5px;
}
.profile #profile form button{
    text-transform: uppercase;
    padding: 10px 40px;
    margin: 15px auto;
    display: block;
}
.profile #changePassword form button{
    text-transform: uppercase;
    padding: 10px 40px;
    margin: 50px auto 15px;
    display: block;
}
.profile #changePassword form label{
    margin: 26px 10px;
    display: flex;
    align-items: center;
    position: relative;
}
.profile #changePassword form label span{color: #8f8f8f;width: 25%;}
.profile #changePassword form label input{
    width: 75%;
    padding: 8px 15px;
    background-color: #f2f2f2;
    border: none;
    border-radius: 7px;
    margin-top: 5px;
}
.profile #changePassword form label i{
    position: absolute;
    color: #686868;
    right: 15px;
    top: 15px;
    cursor: pointer;
}
.profile #orders table a{
    padding: 5px 30px;
    background-color: #e5e5e5;
    color: #212529;
    border: none;
    border-radius: 10px;
}
.profile .empty-wish{padding: 25px 60px;}
.profile .empty-wish img{margin: auto;height: 150px;}
.profile .empty-wish h5{margin: 30px 0;font-weight: 600;}
.profile .empty-wish p{
    width: 400px;
    margin: 15px auto;
    font-size: 18px;
    color: #a4a4a4;
}
.profile .empty-wish a{
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 50px;
}
/* End profile Page
============================ */

/* Start product Page
============================ */
.product-gallary .product-slider img{
    box-shadow: 0 0 10px -3px #aaa;
    width: 100px;
    height: 100px;
    margin: auto;
    margin-bottom: 10px;
    border-radius: 7px;
    cursor: pointer;
}
.product .big-image img{
    box-shadow: 0 0 10px -3px #aaa;
    border-radius: 7px;
    width: 325px;
    height: 325px;
    margin: auto;
}
.product .product-info h5{font-weight: 600;margin-bottom: 10px;}
.product .product-info p{color: #a49f9f;}
.product .product-info .actions{
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
.product .product-info .actions .label-outOf{
    padding: 10px 50px;
    background-color: #eee;
    border-radius: 7px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
}
.product .product-info .actions .vertical-fav{padding: 10px 50px;font-size: 16px !important;}
.product .product-info .actions .my-btn{font-size: 25px;}
.product .product-info .actions .my-btn.dropdown-toggle::after{margin: 0;}
.product .product-info .actions .heart{
    background-color: #fff;
    color: #b5b5b5;
    border-radius: 7px;
    border: 1px solid #000;
    padding: 8px 20px;
    font-size: 25px;
}
.product .product-info .actions .dropdown .dropdown-menu a i{margin-right: 10px;}
.dropdown-item.active, .dropdown-item:active{color: #000;}
.product .product-info .contact{display: flex;align-items: center;margin-top: 15px;}
.product .product-info .contact p{
    color: #000;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 600;
}
.product .product-info .contact a{margin-left: 50px;}
.product .nav{margin-bottom: 15px;}
.product .nav li{margin-right: 50px;}
.product .nav a{
    color: #696969;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
}
.product .nav li.active a{color: #204949;border-bottom: 1px solid #2f5555;}
.product #description p{color: #a7a3a3;margin: 20px 0;}
.product #description h5{font-weight: 600;}
.product #description ul{list-style-type: disc;}
.product #description ul li{margin: 5px 20px;}
.product #description ul li p{color: #a7a3a3;}
.product #reviews{
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 7px;
}
.product #reviews .review{
    display: flex;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 10px;
}
.product #reviews .review img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 15px;
}
.product #reviews .review .review-info{
    width: calc(100% - 100px);
}
.product #reviews .review .review-info .head{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product #reviews .review .review-info .head h6{font-size: 18px;font-weight: 600;}
.product #reviews .review .review-info p{color: #a9a9a9;margin-top: 10px;}
.product .addReview label{display: block;margin: 10px 5px;}
.product .addReview label span{
    color: #b3b3b3;
    margin-bottom: 10px;
    display: block;
}
.product .addReview label input,.product .addReview label textarea{
    box-shadow: 0 0 10px -3px #aaa;
    border: none;
    padding: 8px 15px;
    border-radius: 7px;
    width: 100%;
}
.product .addReview label textarea{height: 100px;resize: none;}
.product .addReview button{display: block;margin: 20px auto;padding: 10px 40px;}
.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    text-align: center;
    display: flex;
    justify-content: center;
}

.rating label {
  display: inline-block;
  width: 24px;
  height: 24px;
  background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAyVBMVEXGxsb+/v6zs7O8vLy7u7u6urrCwsL////AwMC5ubm/v7+9vb3Dw8O+vr7ExMS3t7fBwcG4uLi1tbW0tLTFxcW2traysrLg4ODt7e37+/vY2Njn5+fU1NT9/f35+fnr6+v19fXk5OTKysrHx8fi4uLa2trc3Nz39/fv7+/R0dHu7u7Ly8ve3t7Pz8/p6enl5eXT09PNzc38/Pzy8vLJycnZ2dnV1dXj4+Pq6urd3d3b29v09PTm5ubQ0NDIyMjX19fW1tbx8fH///9F+zTWAAAAQ3RSTlP///////////////////////////////////////////////////////////////////////////////////////8AQWIE7wAAAa5JREFUeNqV09dygzAQQNEVanQMGNy7nd57L/r/j0owtpMgiYj7xgyHWRVAqEMToU4HZocNwbHTDPAs6jYCg9i7awROAx83AnEbsusGYBIB4H4DcOEBMLsBICEAJGNjcJDBd2TPGLzjArRCYxD4UGSNDME0gXW0YwhWuAT2whAwBmUpMgK9HDY5MwVAUntkC+w5koLzyKpEfNiGrWp9EGNG2mAWdibFGvgwb4FBIV2MhIDN7wL/5lq3P7vU8/8dC9Pun239yO36cd5Q5RzOYlw3zpN8cFchDXXjkCPlSfct5Vg+nSPN1XhwFGMF6aP+Lo3Alb6PD+ouXzeS5l+JOjCUTpCxWoB9qJb3asB1BlLkpAb0sQxaUANsBnIW0oL9ZLdUau02mC61YPdzesnyCG8f7BstCFubdbpTIdCcllvWTrkGXFnlKp3D8o2TNIAi51wDOnQ9TjYTmz699VjupQYs7GIce1/s4peUAbQjrgQoLca54OJ3nWKs+EwJ7h3wohdR6TkgELwqwbFL2FhI8VPKHBXgST7kQtUyiboKMIgHQtPUHSpApye08ZUEjPsCKj+LDQz5xjYAAAAASUVORK5CYII=) no-repeat 0 0;
  background-size:24px 24px;
  font-size:0;
  cursor: pointer;
}
.rating input {
  display:none;
}

.rating input:checked + label,
.rating input:checked ~ input + label {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAABgFBMVEXRXzXs0sT//v779fLu2MzSYTT0akL58e326ePqYkLy4tnmxbPqzb3dYTq6XizYpIntZELhYj37bkPcrpW6XCvCXS3esZrNYTHbZjf1bUDoybjJgVvLhmHZYDnKXjLmaDvNXjPGXi/GeVD9+vjBbUHlwa7Pjmv37Ofw3dPqZUDhZTvaqY7MiWXlZT7CcUb+/v3VnX+8YzPeZDnYYza9ZTbftJ7OXjTQkG/XYTfhuqTsaj7UYjTXoYS/aTvUYDe7YTHwaz/kYz7XYjfXYzXWXzj2a0P0aUP8+Pb2akPxZ0O9XCvzaEPyaEPvZUPyZ0PvZkPuZULsY0LwZkPwZ0P4bEP3a0P5bUP6bUP5bEP8b0Pjvan05d2+ZznAaj39cEPIfVXHfFTRlHTt1cjbq5LEdErFd079+/r15+Drz8HgtqDvaUDy39bqZj/lZzzwaUDHXTDYZDXtZ0DfZzj47+nIf1jJYC/yaULuZ0HTmHnUmXrw28+7Xy7VYTb4bkH5bkP///8s9V56AAAAgHRSTlP/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////ADgFS2cAAAIJSURBVHjaldX5V9owAMDxGmBQrtoRUDkqyI2MgUKZ4jyQ6e6NjW2WS0R0p5vTuUPY8q+7duWN1ya1/f7UNPn8kCbvlUL4on2EjwQceYOg3DEGQOHi0hBwzpwxhsCv+bmcEQDav7sRuwHQv+h2Zz0GwNqZIGwuGACxOUEQvDbdIBW5+bfTkm6wOCuC1YBuMNgUwR9o1Qla3jdSlaZO4Dt9LTWf1Ql6q3tSjWFUF0jCxr/2ZhwYsKuqtN2QO0moZyl/8aGiyodX47aVc/CQQrZe5cY9fS13+uIeAANP9Cz/XAla5U0728v3ry3j9vz/Sslvlu/XrK/GzJOfFSzCzI5GXy1Zk+Ic3t2tktcvuX3qgzsPWH48wjeKXeJOGhzCzGNMn6iEiXA1pjqjp6pcw/fku2QNLj1QlM6ltC6fOaIEIx/SAkz1paJb+5ogl36hDCY1gN37TBW1ogE8609UsUENsLD1XJ3bRAQ277QcG4ah8XM4TgQlSl5zpxBP5cYDV4IIAuy0FHXUQiha5rekUXrjmADOYV2M5fJAGq8MQ9ILzk8ATV6crhUdSO7jgBLfhA4IIOuq12m+93bib30QZus0XQRYEHXTtItbA2iy5kaNpr9MYYGDo9eLfqTIPuDpWh4LyiF+34ZUHf/k2A4OgAJkAMIVL0TMGOBsOxGh1hGDAc0kInbbpwAGugICsJ4iKYYBmgAAAABJRU5ErkJggg==);
}
/* End product Page
============================ */
.hidden-pc{display: none;}
.hidden-mob{display: block;}
.fixed-list{display: none;}
@media(max-width: 992px) {
    .hidden-pc{display: block;}
    .hidden-mob{display: none;}
    header{position: relative;}
    .main {margin-top: 0px;}
    .head-line img{width: 190px;}
    .section-lg{padding: 20px 0;}
    .about .d-flex{display: block !important;}
    .seeAll-btn {padding: 7px 35px;margin: 15px auto 0;}
    .about .about-content h5,.about .about-content p{margin: 10px 0;}
    .empty-cart p{width: auto;}
    .cart table img{width: 50px;height: 50px;}
    .cart table .text-end{text-align: start;}
    .cart .cartTemp{margin: 15px 0;}
    .cart .cartTemp .cartTemp-body button{width: 47%;padding: 8px;}
    .cart .cartTemp .cartTemp-body input{margin: 0;width: 47%;}
    .cart .cartTemp .cartTemp-body a{width: 100%;}
    footer{padding: 10px 0 60px 0;}
    footer p.footer-disc{margin: 30px;}
    footer .info{margin: 0 auto;}
    footer .info .icon{margin: 10px auto;}
    .auth-box{
        padding: 30px;
        width: 100%;
        margin: 15px auto 0;
    }
    .auth-box label span,.auth-box label input,.auth-box label select{width: 100%;}
    .auth-box label .view-password{top: 30px;}
    .auth-box button{margin: 15px auto 10px;}
    .order-info{margin-top: 15px;padding: 15px;}
    .product #reviews .review .review-info{width: 100%;}
    .products .show-style{display: block;}
    .products .show-style select{margin: 0 10px 0 10px;}
    .products .show-style .nav li{
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .products .show-style .nav li a{font-size: 17px;}
    .profile #profile form,.profile #profile form label,.profile .empty-wish p{width: 100%;}
    .profile #profile img{margin: 10px auto;}
    .profile #profile form .my-flex{display: block;}
    .profile #changePassword form label{display: block;}
    .profile #changePassword form label span,.profile #changePassword form label input{width: 100%;}
    .profile #changePassword form label i{top: 40px;}
    .profile .empty-wish{padding: 25px;}
    .product-gallary .product-slider img{width: 95px;height: 95px;}
    .product .big-image{display: none;}
    .product #reviews .review img{width: 40px;height: 40px;}
    .product .product-info .contact a{margin-left: 25px;}
    .product .product-info .contact a img{height: 30px;}
    .product .product-info .actions{display: block;}
    .product .product-info .actions .counter{margin-bottom: 10px;}
    .counter{padding: 10px;}
    .home-slider img{border-radius: 15px;}
    .categories {
        position: fixed;
        background-color: #ececec;
        top: 0;
        left: -100%;
        height: 100% !important;
        z-index: 9999;
        width: 85%;
        transition: all 0.4s ease-in-out;
    }
    .display-categories{left: 0;}
    .categories .categories-body{box-shadow: none;height: 100%;overflow-y: scroll;}
    .categories .categories-body nav{box-shadow: none;margin-top: 30px;}
    .categories .categories-body .close-categories{text-align: end;font-size: 20px;}
    .categories .categories-body .close-categories i{
        cursor: pointer;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        color: #737373;
        border: 1px solid #737373;
        border-radius: 4px;
    }
    .navbar-toggler{color: #fff;border-color: #fff;}
    .navbar{padding: 0px;}
    .top-header{margin: 0;}
    nav .search{padding-bottom: 15px;text-align: center;}
    nav .search button{
        padding: 5px 15px;
        background-color: #fff;
        color: #000;
        border: none;
        font-size: 19px;
    }
    nav .search input{
        width: 200px;
        padding: 10px 15px 6px 15px;
        box-shadow: 0 0 10px -3px #aaa;
        border: none;
        margin-left: -3px;
    }
    header .logo img{width: 55px;}
    header .collapse .navbar-nav li{text-align: center;}
    header .actions{display: flex !important;justify-content: space-between;}
    header .actions > div{margin: 0 10px;}
    header .my-flex{display: flex !important;}
    .header.header-pc{display: none !important;}
    .header .search{width: 270px;}
    .header .search button{font-size: 15px;}
    .header .search input{width: 100%;}
    .header .icon-bars{font-size: 31px;margin-left: 10px;}
    .border-head{border-color: #fff;position: relative;}
    nav .actions .noti-num img,.border-head img{filter: brightness(0) invert(1);}
    .border-head span{
        position: absolute;
        text-align: center;
        border-radius: 50%;
        top: -10px;
        right: -10px;
    }
    nav select{
        background-color: transparent;
        color: #fff;
        border: 1px solid #fff;
        border-radius: 5px;
    }
    .notification .notifications{width: 350px;left: -40px;}
    .fixed-list {
        display: block;
        background-color: #ececec;
        padding: 10px;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        position: fixed;
        z-index: 9999;
        width: 100%;
        bottom: 0;
    }
    .fixed-list .list {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .fixed-list a{font-size: 23px;color: #737373;}
    .fixed-list a.active{color: #000;}
    .fixed-list a.home{font-size: 17px;position: relative;}
    .fixed-list a.home::after{
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background-color: #737373;
        top: 45%;
        left: -15px;
        position: absolute;
        content: '';
    }
    .fixed-list .top-arrow{
        cursor: pointer;
        width: 40px;
        height: 40px;
        line-height: 33px;
        background-color: #ececec;
        color: #737373;
        border: 2px solid #737373;
        border-radius: 10px;
        text-align: center;
        font-size: 20px;
        position: absolute;
        top: -60px;
        right: 10px;
        display: none;
    }
    .item.item-vertical .item-info{width: calc(100% - 130px);text-align: start;margin-left: 10px;}
    .products .item.item-vertical .item-info{width: 100%;text-align: center;}
    .products .item.item-vertical .item-info .my-flex{justify-content: center !important;}
    .item .item-info p{font-size: 14px;}
    .item .item-img{}
    .price .old-price{margin-left: 5px;}
    .price .new-price{font-size: 14px;}
    .item{padding: 7px;margin: 7px 0;max-height: unset;}
    .item.item-vertical .item-img {
        width: 130px;
        height: 130px;
        margin: auto;
    }
    .arrivals-slider .item{margin: 0 8px;}
    .product .product-info .actions .vertical-fav{padding: 10px 20px;}
    .item.item-vertical{margin: 10px 0;text-align: center;}
    .item .offer, .item .new{padding: 2px 5px;}
    .categories .categories-head{border-radius: 0;}
    .categories .categories-body nav .navbar-nav li .dropdown-menu{width: 100%;}
    .products .filters .filters-body{height: 170px;overflow-y: scroll;}
    .product .product-info .actions .label-outOf{display: inline-flex;padding: 10px 25px;}
}

.irs--round .irs-handle {
    top: 26px;
    width: 20px;
    height: 20px;
    border: 4px solid #c6A554;
    background-color: white;
    border-radius: 24px;
    box-shadow: 0 1px 3px rgba(0,0,255,0.3);
    cursor: pointer;
}
.irs--round .irs-bar {
    top: 31px;
    height: 10px;
    background-color: #c6A554;
}
.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 5px;
    background-color: #c6A554;
    color: white;
    border-radius: a4px;
}


.irs--round .irs-line {
    top: 31px;
    height: 10px;
    background-color: #F2EBE8;
    border-radius: 4px;
}
.irs--round .irs-min, .irs--round .irs-max {
    color: #111111;
    font-family: 'raleway';
    font-size: 14px;
    top: 0;
    padding: 3px 5px;
    background-color: white;
    border-radius: 4px;
}
.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #c6A554;
}
.irs--round {
    width: 280px;
}