.NameStore {
    font-family: Roboto,Arial,Helvetica,Tahoma,sans-serif;
    font-weight: 300;
    display: inline-block;
    margin: 0;
    font-size: 27px;
    line-height: 40px;
    text-transform: uppercase;
    white-space: nowrap;
    color: var( --color-night);


 
}

/* Preloader */
.spinner-grow-sm {
    color: #fff;
}

.searchlink {
    text-decoration: underline;
    font-size: 0.9em;
    text-align:right;
}

.btn{
    position: relative;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 5;
    display: inline-block;
    padding: 13px 20px;
    border-radius: 0px;
    text-transform: uppercase;
   
}
    .btn.btn-inverse.active {
        background: var(--bg-color-item);
        color: #fff;
    }
    .btn:hover {
        color: #fff;
        background: #000;
    }

    .btn.btn-inverse {
        color: var(--color-night);
        background: var(--bg-color);
        border: 1px solid #243844;
    }

    .btn:hover {
        color: #fff;
        background: #000;
    }
.btnchoice {
    background: #fff;
    border: 1px solid #243844;
    color: #243844;
}

.btnPandR {
    background: #3D5E73;
    color:#fff;
    width:100%;
}
.btnPandR span{

    color: #fff;
}
.btnPro {
    background: #3D5E73;
    color: #fff;
    width: 100%;
}

.btnFacebook {
    background-color: #3b5998;
    font-size: 0.75em;
}
#scrollUp {
    right: 10px;
    z-index: 33;
    bottom: 10px;
    text-align: center;
}

    #scrollUp i {
        height: 40px;
        width: 40px;
        line-height: 40px;
        background: transparent;
        background: #222;
        border-radius: 0;
        font-size: 18px;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        transition: all 500ms ease;
        display: block;
        color: #fff;
        box-shadow: 0px 4px 19px #00000038;
    }

        #scrollUp i:hover {
            background: #000;
            color: #fff;
        }


/*======================================
	01. Header CSS
========================================*/
/* Topbar */
.topbar {
    border-bottom: 1px solid #e2e2e2;
    padding: 15px 0;
}
/* Logo */
.header .logo {
    float: left;
    margin-top: 35px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.header .navbar {
    padding: 0;
}

#navbar-list-2 a{text-transform:lowercase;
}
#navbar-list-2 a::first-letter {
    text-transform:capitalize;
}
.header .nav li a i {
    margin-left: 6px;
    font-size: 10px;
}


ul.dropdown-menu {width:100%
}
ul.dropdown-menu li{
    text-align:center;
    line-height:2em;
}
.dropdown-menu {
    transform: translate3d(5px, 55px, 0px) !important;
}
/* Dropdown Menu */
.header .nav li .dropdown {
    background: #fff;
    width: 220px;
    position: absolute;
    top: 100%;
    z-index: 999;
    -webkit-box-shadow: 0px 3px 5px #3333334d;
    -moz-box-shadow: 0px 3px 5px #3333334d;
    box-shadow: 0px 3px 5px #3333334d;
    transform-origin: 0 0 0;
    transform: scaleY(0.2);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
    padding: 10px;
    left: 0;
    margin: 0;
}

.header .nav li:hover .dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.header .nav li .dropdown li {
    float: none;
    margin: 0;
}

    .header .nav li .dropdown li a {
        padding: 8px 15px;
        color: #666;
        display: block;
        font-weight: 400;
        text-transform: capitalize;
        background: transparent;
    }

        .header .nav li .dropdown li a:before {
            display: none;
        }

    .header .nav li .dropdown li:last-child a {
        border-bottom: 0px;
    }

    .header .nav li .dropdown li:hover a {
        color: #fff;
        background: #000;
    }

    .header .nav li .dropdown li a:hover {
        border-color: transparent;
    }

    .header .nav li .dropdown li i {
        float: right;
        margin-top: 8px;
        font-size: 10px;
        z-index: 5;
    }

.header .nav li .dropdown.sub-dropdown {
    background: #fff;
    width: 220px;
    position: absolute;
    left: 186px;
    top: 0;
    z-index: 999;
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px #3333334d;
    transform-origin: 0 0 0;
    transform: scaleY(0.2);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
    padding: 10px;
}

.header .nav li .dropdown li:hover .dropdown.sub-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.header .nav li .dropdown.sub-dropdown li a {
    padding: 8px 15px;
    color: #666;
    display: block;
    font-weight: 400;
    text-transform: capitalize;
    background: transparent;
}

.header .nav li .dropdown li:hover .dropdown.sub-dropdown li a {
    background: transparent;
}

.header .nav li .dropdown li .dropdown.sub-dropdown li a:hover {
    color: #fff;
    background: #000;
}

.header .nav li .dropdown.sub-dropdown li:last-child a {
    border-bottom: 0px solid;
}

.mobile-search {
    display: none;
}

.header.boutique .topbar {
    /*background-color: #fff;*/
    border: none;
    padding:0px;
}

.header.boutique .nav-inner {
    margin-right: 188px;
}

.header.boutique .logo {
    float: left;
   /* margin-top: 35px;*/
}

.header.boutique .top-contact {
    margin-top: 0px;
}

.header.boutique .topbar p {
    color: #ccc;
}

.header.boutique .topbar .login a {
    color: #000;
}
/* Topbar Left Nav */



/* Bread Crumbs */
.breadcrumbs {
    /*background-color: #F6F7FB;*/
    position: relative;
    padding: 5px 0px;
}

    .breadcrumbs .bread-inner {
        z-index: 22;
        text-align: left;
        font-size:0.8em;
        padding-left:1%;
    }

    .breadcrumbs .bread-list {
        display: inline-block;
    }

    .breadcrumbs ul li {
        display: inline-block;
        position: relative;
    }

        .breadcrumbs ul li i {
            margin: 0px 10px;

            font-weight: 600;
            color: rgba(0, 0, 0, 0.3);
        }

        .breadcrumbs ul li a {
         
            font-weight: 400;
            text-transform: capitalize;
        }

        .breadcrumbs ul li.active a {
            color: #333;
            display: inline-block;
        }

        .breadcrumbs ul li a:hover {
            color: #000;
        }

/*
.breadcrumbs {
    background-color: #F6F7FB;
    position: relative;
    padding: 30px 0px;
}

    .breadcrumbs .bread-inner {
        z-index: 22;
        text-align: left;
    }

    .breadcrumbs .bread-list {
        display: inline-block;
    }

    .breadcrumbs ul li {
        display: inline-block;
        position: relative;
    }

        .breadcrumbs ul li i {
            margin: 0px 10px;
            font-size: 9px;
            font-weight: 600;
            color: #333;
        }

        .breadcrumbs ul li a {
            color: #333;
            font-size: 14px;
            font-weight: 400;
            text-transform: capitalize;
        }

        .breadcrumbs ul li.active a {
            color: #333;
            display: inline-block;
        }

        .breadcrumbs ul li a:hover {
            color: #000;
        }*/
/*======================================
	02. Nav collapse toggle CSS
========================================*/
a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
}

.detail-book-meta .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
}

.overlay {
    display: none;
    position: fixed;
    /* full screen */
    width: 100vw;
    height: 100vh;
    /* transparent black */
    background: rgba(0, 0, 0, 0.7);
    /* middle layer, i.e. appears below the sidebar */
    z-index: 998;
    opacity: 0;
    /* animate the transition */
    transition: all 0.5s ease-in-out;
}
    /* display .overlay when it has the .active class */
    .overlay.active {
        display: block;
        opacity: 1;
    }

#dismiss {
    width: 35px;
    height: 35px;
    position: absolute;
    /* top right corner of the sidebar */
    top: 10px;
    right: 10px;
}

.offcanvas-collapse {
    position: fixed;
    top: 56px;
    bottom: 0;
    right: 100%;
    left: -250px;
    width: 250px;
    padding-right: 1rem;
    padding-left: 1rem;
    /* overflow-y: auto;*/
    visibility: hidden;
    background-color: #fff;
    transition-timing-function: ease-in-out;
    transition-duration: .3s;
    transition-property: left, visibility;
    /**/
}

.offcanvas-collapse {
    align-items: start;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    border-right: 5px solid rgba(0, 0, 0, 0.2);
}

    .offcanvas-collapse.open {
        left: 0;
        visibility: visible;
    }

#sidebar.navbar-expand-lg .navbar-nav {
    -ms-flex-direction: column;
    flex-direction: column;
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}

    .nav-scroller .nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        color: rgba(255, 255, 255, .75);
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--bg-color-item);
   
}
.nav-pills .nav-link {border-radius:0;
}
.nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: 1.2rem;

    border: 1px solid var(--bg-color-item);
    background-color: var( --bg-color-cream);
}

.nav-link:hover {
        color: #007bff;
    }

/*.nav-underline .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
    color: #6c757d;
}

    .nav-underline .nav-link:hover {
        color: #007bff;
    }

.nav-underline .active {
    font-weight: 500;
    color: #343a40;
}*/

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: var(--secondary-color);
    background-color: var( --bg-color-cream);
}

.top-left .list-main li:first-child {
    padding-left: 0;
}

.top-left .list-main li i {
    display: inline-block;
    margin-right: 4px;
    font-size: 15px;
    color: #000;
    position: relative;
    top: 3px;
}

.right-content {
    float: right;
}

.list-main li {
    display: inline-block;
    /*color: #333;*/
    font-size: 13px;
    font-weight: 500;
    border-right: 1px solid #f0f0f0;
    padding: 0px 13px;
}

    .list-main li i {
        display: inline-block;
        margin-right: 4px;
        font-size: 15px;
        color: #000;
        position: relative;
        top: 1px;
    }

    .list-main li:last-child {
        padding-right: 0;
        border: none;
    }

    .list-main li a {
        /*color: #333;*/
    }

        .list-main li a:hover {
            color: #000;
        }

.accesscolor label {
    padding: 0;
}

.nav li {
    /*margin-right: 40px;*/
    /*float: left;*/
    position: relative;
}

.header.boutique .nav li {
    margin-right: 38px;
    position: relative;
}

    .header.boutique .nav li:last-child {
        margin: 0 !important;
    }

    .header.boutique .nav li .new {
        background: #000;
        color: #fff;
        text-transform: uppercase;
        font-size: 10px;
        padding: 0px 9px;
        position: absolute;
        left: 0;
        top: 6px;
        font-weight: 800;
    }

        .header.boutique .nav li .new::before {
            position: absolute;
            content: "";
            left: 4px;
            bottom: -8px;
            border: 4px solid #000;
            border-bottom-color: transparent;
            border-left-color: transparent;
            border-right-color: transparent;
        }
/* Shopping Cart + account login */



.grow {

    border-radius: 15px;
    height: 30px;
    width: 30px;

    transition: height 0.5s;
    -webkit-transition: height 0.5s;
    text-align: center;
    overflow: hidden;
    transition: .5s;
}

    .grow:hover {
        width: 200px;
    }
/*  fiche livre collape */
#accordion [data-toggle="collapse"] .fa:before {
    content: "\f139";
}

#accordion [data-toggle="collapse"].collapsed .fa:before {
    content: "\f13a";
}

a.text-decoration-underline {text-decoration:underline;cursor:pointer;
}
/*login*/
.header .buying {
    display: inline-block;
    z-index: 9999;
}

    .header .buying .icon {
        position: relative;
        cursor: pointer;
        color: #222;
    }

    .header .buying .buying-item {
        position: absolute;
        top: 68px;
        right: 0;
        width: 300px;
        background: #fff;
        padding: 20px 25px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
        /*opacity: 0;
        visibility: hidden;*/
        z-index: 99;
    }

    .header .buying .login-item {
        position: absolute;
        /*top: 68px;*/
        right: 0;
        width: 300px;
        background: #fff;
        padding: 20px 25px;
        -webkit-transition: all 0.5s ease 5s;
        -moz-transition: all 0.3s ease 0s;
        transition: all 0.5s ease 10s;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
        /*opacity: 0;
        visibility: hidden;*/
        z-index: 99;
    }
    /*login account*/
    .header .buying .login-item a span {
     font-size:1.2em;
     display:inline-block;margin-bottom:15px;
     color:#243844;
    }
    /**/
    .header .buying:hover .buying-item {
        transform: translateY(0px);
        opacity: 1;
        visibility: visible;
    }

    .header .buying:hover .login-item {
        transform: translateY(0px);
        opacity: 1;
        visibility: visible;
    }

    .header .buying .dropdown-cart-header {
        padding-bottom: 10px;
        margin-bottom: 15px;
        border-bottom: 1px solid #e6e6e6;
    }

        .header .buying .dropdown-cart-header span {
            text-transform: uppercase;
            color: #222;
            font-size: 13px;
            font-weight: 600;
        }

        .header .buying .dropdown-cart-header a {
            /*float: right;*/
            text-transform: uppercase;
            color: #222;
            font-size: 13px;
            font-weight: 600;
        }


            .header .buying .dropdown-cart-header a:hover {
                color: #000;
            }

.header .List-achat li {
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
}

    .header .List-achat li .remove {
        position: absolute;
        left: 0;
        bottom: 16px;
        margin-top: -20px;
        height: 20px;
        width: 20px;
        line-height: 18px;
        text-align: center;
        background: #fff;
        color: #222;
        border-radius: 0;
        font-size: 11px;
        border: 1px solid #ededed;
    }

        .header .List-achat li .remove:hover {
            background: #222;
            color: #fff !important;
            border-color: transparent;
        }

.header .List-achat .cart-img {
    float: right;
    border: 1px solid #ededed;
    overflow: hidden;
}

    .header .List-achat .cart-img img {
        width: 50px;
        border-radius: 0;
    }

    .header .List-achat .cart-img:hover img {
        transform: scale(1.09);
    }

.header .List-achat .quantity {
    line-height: 22px;
    font-size: 14px;
    padding-bottom: 30px;
}

.List-achat h4 {
    font-size: 14px;
}

.header .List-achat h4 span {
    font-weight: 600;

    color: #333;
}

    .header .List-achat h4 span:hover {
        color: #000;
    }

.header .buying-item .bottom {
    text-align: center;
}

.header .buying-item .total {
    overflow: hidden;
    display: block;
    padding-bottom: 10px;
}

    .header .buying-item .total span {
        text-transform: uppercase;
        color: #222;
  
        font-weight: 600;
    
    }

    .header .buying-item .total .total-amount {
        float: right;

    }

.header .buying-item .bottom .btn {
    padding: 10px 20px;
    display: block;
    margin-top: 10px;
    border-radius: 0px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}

    .header .buying-item .bottom .btn:hover {
        background: #000;
        color: #fff;
    }

.header.boutique {
   /* background: #fff;*/
}

    .header.boutique .nav-inner {
        margin: 0;
        float: left;
    }



    .header.boutique.v3 .topbar {
        padding: 0;
    }

        .header.boutique.v3 .topbar .inner-content {
            border-bottom: 1px solid #eee;
            padding: 12px 0px;
        }

    .header.boutique .right-nav li a {
        color: #333;
    }

    .header.boutique .logo {
        float: left;
        margin: 0 0 0;
        /*max-width:400px;min-width:300px;*/
    }

@media (min-width: 1281px) {

    .header.boutique .logo {

        max-width:400px;min-width:300px;
    }
}

    .header.boutique .top-contact {
        margin-top: 0px;
    }
    /* Header Middle */
    .header.boutique .search-bar-top {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .header.boutique .search-bar {
        width: 100%;
        /*height: 40px;*/
        display: inline-block;
        background: #fff;
        position: relative;
        width: 100%;
        margin: 0;
        line-height: 45px;
        border-radius: 5px;
        border: 1px solid #ececec;
    }

 

    .header.boutique .select-drop {
        clear: initial;
        margin: 0;
        height: 48px;
        width: 150px;
        border: none;
        text-align: center;
        background: transparent;
        text-transform: capitalize;
        padding: 0 0 0 20px;
        border-right: 1px solid #eee;
        line-height: 50px;
        font-size: 14px;
        font-weight: 400;
    }

        .header.boutique .select-drop::after {
            border-color: #666;
            right: 20px;
        }

        .header.boutique .select-drop .list {
            border-radius: 0px;
        }

            .header.boutique .select-drop .list li.focus {
                font-weight: 400;
            }

            .header.boutique .select-drop .list li {
                color: #666;
                border-radius: 0px;
                font-size: 14px;
                font-weight: 400;
            }

                .header.boutique .select-drop .list li:hover {
                    background: #000;
                    color: #fff;
                }

    .header.boutique .search-controle {
        width: 100%;
    }

    .header.boutique .search-bar form {
        display: inline-block;
        float: left;
        width: 260px;
    }

    .header.boutique .search-bar input.form-control {
        height: 48px;
        background: transparent;
        color: #666;
        border-radius: 0;
        border: none;
        font-size: 14px;
        font-weight: 400;
        padding: 0 25px 0 20px;
        /*width: 328px;*/
        width: 100%;
    }

    .header.boutique .search-bar .btngo {
      /*  height: 50px;
        line-height: 53px;
        width: 62px;
        text-align: center;
        font-size: 18px;
        color: #fff;
        background: #333333;*/
        position: absolute;
        right: -2px;
       /* top: -1px;
        border: none;
        border-radius: 0 5px 5px 0;*/
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .header.boutique .search-bar .btnn:hover {
        color: #fff;
        background: #000;
    }
    /* Search Form */
    .header.boutique .search-top {
        opacity: 1;
        visibility: visible;
        top: 0;
        background: transparent;
        border: none;
        box-shadow: none;
        padding: 0;
        top: 0;
    }

    .header.boutique .middle-inner {
        /*padding: 20px 0;
        background: #fff;*/
        border-top: 1px solid #eee;
    }

    .header.boutique.v3 .middle-inner {
        border: none;
    }

    .header.boutique .header-inner {
        background: var(--footer-color);
    }

    .header.boutique.v3 .header-inner {
        background: transparent;
    }

    .header.boutique.v2 .header-inner {
        background: #fff;
        border-top: 1px solid #eee;
    }

    .header.boutique .topbar p {
        color: #333;
    }

    .header.boutique .all-category {
        color: #fff;
        background: transparent;
        position: relative;
        /*background: #000;*/
        background: #B50400;
        background: var(--bg-color-item-secondary);
    }

        .header.boutique .all-category div {
            padding: 20px 25px;
            
            font-weight: 700;
            margin: 0;
        }

    .header.boutique .cat-heading {
        font-size: 20px;
        color: #fff;
    }

        .header.boutique .cat-heading i {
            color: #fff;
            display: inline-block;
            margin-right: 15px;
            font-size: 22px;
        }

.main-category {
    position: absolute;
    left: 0;
    top: 64px;
    background: #fff;
    z-index: 1;
    width: 100%;
    -webkit-box-shadow: 0px 5px 15px #0000000a;
    -moz-box-shadow: 0px 5px 15px #0000000a;
    box-shadow: 0px 5px 15px #0000000a;
}

    .main-category li {
        display: block;
        border-bottom: 1px solid #f6f6f6;
        position: relative;
    }

        .main-category li:last-child {
            border: none;
        }

        .main-category li a {
            font-size: 14px;
            font-weight: 600;
            color: #333;
            padding: 13px 25px 13px 25px;
            display: block;
            text-transform: uppercase;
        }

#sidebar.main-category li a i {
    display: inline-block;
    float: right;
}

#sidebar .sub-category {
    background: #fff;
    width: 220px;
    position: absolute;
    left: 238px;
    top: 0;
    z-index: 999999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-left: 3px solid #000;
    -webkit-box-shadow: 0px 5px 15px #0000000a;
    -moz-box-shadow: 0px 5px 15px #0000000a;
    box-shadow: 0px 5px 15px #0000000a;
}

#sidebar .main-category li:hover .sub-category {
    opacity: 1;
    visibility: visible;
}

#sidebar .main-category li a {
    text-transform: capitalize;
    font-weight: 400;
}

    #sidebar .main-category li a:hover {
        color: #000;
    }

#sidebar .main-category .main-mega {
    position: relative;
}

#sidebar .main-category li .mega-menu {
    width: 850px;
    display: inline-block;
    height: auto;
    position: absolute;
    left: 238px;
    top: 0;
    z-index: 99999;
    background: #fff;
    border: none;
    padding: 30px;
    border-left: 3px solid #000;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#sidebar .main-category li:hover .mega-menu {
    opacity: 1;
    visibility: visible;
}

#sidebar .main-category li .mega-menu .single-menu {
    width: 33%;
    display: inline-block;
    border: none;
    padding: 0;
    padding-right: 20px;
}

    #sidebar .main-category li .mega-menu .single-menu a {
        padding: 0;
    }

    #sidebar .main-category li .mega-menu .single-menu .image {
        overflow: hidden;
    }

    #sidebar .main-category li .mega-menu .single-menu img {
        display: block;
        height: 100%;
        width: 100%;
        cursor: pointer;
    }

    #sidebar .main-category li .mega-menu .single-menu .image:hover img {
        transform: scale(1.1);
    }

    #sidebar .main-category li .mega-menu .single-menu .title-link {
        margin-bottom: 20px;
        background: #000;
        color: #fff;
        padding: 2px 13px;
        border-radius: 3px;
        display: inline-block;
        font-size: 14px;
    }

        #sidebar .main-category li .mega-menu .single-menu .title-link:hover {
            background: #333;
            color: #fff;
        }

    #sidebar .main-category li .mega-menu .single-menu .inner-link {
        margin-top: 25px;
    }

        #sidebar .main-category li .mega-menu .single-menu .inner-link a {
            margin-bottom: 10px;
        }

            #sidebar .main-category li .mega-menu .single-menu .inner-link a:hover {
                color: #000;
                background: transparent;
            }

            #sidebar .main-category li .mega-menu .single-menu .inner-link a:last-child {
                margin-bottom: 0px;
            }

#sidebar .menu-origin {
    float: none;
    display: inline-block;
    float: right;
}



.selectFormat .dropdown-toggle {border:none;background-color:transparent;
}
/******************************************************/
.header.boutique .nav li {
    margin-right: 40px;
    float: left;
    position: relative;
}

.header.boutique .nav li {
    margin-right: 5px;
    position: relative;
    float: none;
}

    .header.boutique .nav li:last-child {
        margin-right: 0;
    }

    .header.boutique .nav li .new {
        background: #000;
        color: #fff;
        text-transform: uppercase;
        font-size: 9px;
        position: absolute;
        left: 21px;
        top: 2px;
        font-weight: 500;
        height: 18px;
        line-height: 18px;
        text-align: center;
        display: block;
    }

.header.boutique.v2 .nav li a {
    color: #333;
}

.header.boutique .nav li a {
    color: #fff;
    text-transform: capitalize;
    /*font-size: 90%;*/
    padding: 20px 15px;
    font-weight: 500;
    display: block;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.header.boutique .nav li:hover a {
    color: #fff;
    background: #000;
}

.header.boutique.v2 .nav li:hover a {
    color: #000;
    background: transparent;
}

.header.boutique .nav li.active a {
    color: #fff;
    background: #000;
}

.header.boutique.v2 .nav li.active a {
    color: #333 !important;
    background: transparent !important;
}

.header.boutique.v2 .nav li.active a {
    color: #000 !important;
}

.header.boutique .nav .dropdown li {
    margin: 0;
}

.header.boutique .nav li .dropdown li:hover a {
    background: #000;
}

.header.boutique.v2 .nav li.active .dropdown li a {
    color: #333 !important;
}

    .header.boutique.v2 .nav li.active .dropdown li a:hover {
        color: #fff !important;
        background: #000 !important;
    }

    .header.boutique.v2 .nav li.active .dropdown li a:hover {
        color: #fff !important;
    }

.header.boutique.v2 .nav li .dropdown li:hover a {
    color: #000;
}

.header.boutique .nav li .dropdown li a {
    color: #333;
    padding: 8px 15px;
    font-weight: 400;
    background: #fff;
}

.header.boutique.v2 .nav li .dropdown li a {
    color: #333;
    background: #fff;
}

.header.boutique .nav li .dropdown li a {
    font-weight: 400;
    /*font-size: 14px;*/
}

    .header.boutique .nav li .dropdown li a:hover {
        color: #fff;
    }

.header.boutique.v2 .nav li .dropdown li a:hover {
    color: #fff !important;
    background: #000;
}

.header.boutique .nav li .dropdown li .dropdown.sub-dropdown li a:hover {
    background: #000;
}

.header.boutique .nav-right-bar {
    /*display: inline-block;*/
    padding: 0;
    margin: 0;
    top: 20px;
    float: right;
    position: relative;
}

    .header.boutique .nav-right-bar .item-menunav.top-search a {
        transform: translateY(3px);
    }

        .header.boutique .nav-right-bar .item-menunav.top-search a:hover {
            color: #000;
        }

    .header.boutique .nav-right-bar .item-menunav .MyIcon {
       /*color: #333;*/
        font-size: 30px;
        position: relative;
    }

        .header.boutique .nav-right-bar .item-menunav .MyIcon:hover {
            color: #000;
        }

        .header.boutique .nav-right-bar .item-menunav .MyIcon .total-count {
            position: absolute;
            top: -30px;
            left: -15px;
            background: var(--bg-price);
            width: 22px;
            height: 22px;
            line-height: 22px;
            text-align: center;
            color: var(--bg-color);
            border-radius: 100%;
            font-size: 14px;
        }

    .header.boutique .nav-right-bar .item-menunav {
        display: inline-block;
        margin-right: 25px;
    }

        .header.boutique .nav-right-bar .item-menunav:last-child {
            margin-right: 0px;
        }

        .header.boutique .nav-right-bar .item-menunav li a:hover {
            color: #000;
        }

.mobile-search {
    display: none;
}
/* Header Search */
/* Search */
.header .search-top {
    display: none;
}

    .header .search-top a {
        font-size: 17px;
    }

        .header .search-top a:hover {
            color: #000;
        }

.header .search-form {
    position: absolute;
    left: -128px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    top: 46px;
    padding: 7px;
    border-radius: 5px;
    transform: scaleY(0);
    box-shadow: 0px 4px 7px #0000003b;
    padding: 0;
    border-radius: 0;
}

.header .search-top.active .search-form {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}

.header .search-form input {
    width: 220px;
    height: 45px;
    line-height: 45px;
    padding: 0 60px 0 15px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-radius: 3px;
    border: none;
    background: #fff;
    color: #333;
    border-radius: 0;
}

.header .search-form button {
    position: absolute;
    right: 0;
    height: 45px;
    top: 0;
    width: 45px;
    background: transparent;
    border: none;
    color: #3353ea;
    border-radius: 0 3px 3px 0;
    border-radius: 0;
    border-left: 1px solid #eee;
    font-size: 15px;
    color: #333;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .header .search-form button:hover {
        color: #fff;
        background: #000;
        border-color: transparent;
    }
.header.boutique .nav li a.OptionMenu {
    display: none;
}
/* Header Sticky */

.header.fixed .header-inner .nav li a.OptionMenu {
    display: inline-block;
    background-color:#243844;color:#fff;
}
.header .header-inner {
    width: 100%;
    z-index: 999;
}

.header.fixed .all-category {
}
  


    .header.fixed .all-category h3 {
        cursor: pointer;
    }

    .header.fixed .all-category .main-category {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .header.fixed .all-category:hover .main-category {
        opacity: 1;
        visibility: visible;
    }

.header.fixed .header-inner .nav li a {
    color: #333;
}

.header.fixed.v3 .header-inner .nav li a {
    color: #fff;
}

.header.fixed .header-inner .nav li:hover a {
    color: #fff;
}

.header.fixed.v2 .header-inner .nav li:hover a {
    color: #000;
}

.header.fixed .header-inner .nav li .dropdown li a {
    color: #333;
}

.header.fixed.v2 .header-inner .nav li .dropdown li a {
    color: #333;
}

.header.fixed .header-inner .nav li .dropdown li a:hover {
    color: #fff;
}

.header.fixed .header-inner .nav li.active a {
    color: #fff;
}

.header.fixed .header-inner {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    animation: fadeInDown 1s both 0.2s;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    z-index: 999;
}
    .header.fixed .header-inner .navbar-toggler {
        background-color: var(--footer-color);
    }

.header.fixed.v3 .header-inner {
    box-shadow: none;
}

.header.fixed.v3 .navbar-expand-lg .navbar-collapse {
    animation: fadeInDown 1s both 0.2s;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
/*======================================
	End Header CSS
========================================*/

.CNIl {
    position: fixed;
    width: 100%;
    bottom: 0;
    right:0;
    z-index: 400000;

}
    .CNIl .modal-content {
        background-color: #000;
        color:#fff;
       
       
    }
.cookie-text {
    padding: 5px;
    font-size: 0.7em;
}
/*======================================
	 Footer CSS
========================================*/
footer, footer a {
    color: #fff;
}

.FooterInfo .Title{font-size:3rem;
}
.FooterInfo input {
    height: 52px;
}
/*======================================
	End Footer CSS
========================================*/
#accordion .card-body {
    line-height: 2em;
}
#accordion .card {
    background-color: ;
    border: none;
}
#accordion .card-header {
    background-color: transparent;
    border:none;
}

/*======================================
   Hero Area CSS
========================================*/
.hero-slider {
    overflow: hidden;
}

    .hero-slider .single-slider {
        height: auto;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 410px;
    }



.pause-slide {
    color: var(--color-night);
    background-color: transparent;
    border: none;
}

.carousel-control-prev-icon, .carousel-control-next-icon {width:50px;height:50px
}
.carousel-indicator {
    position: absolute;
    bottom: 5px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

/*======================================
   End Hero Area CSS
========================================*/

/*======================================
   Start Small Banner CSS
========================================*/
/*.small-banner {
    padding: 30px 0;
    padding-bottom: 0;
}

    .small-banner .single-banner {
        overflow: hidden;
        position: relative;
    }

        .small-banner .single-banner img {
            height: 100%;
            width: 100%;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

        .small-banner .single-banner .content {
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            padding-left: 35px;
        }

        .small-banner .single-banner h3 {
            font-size: 22px;
            font-weight: 700;
            text-transform: capitalize;
            color: #333;
        }

            .small-banner .single-banner h3 span {
                color: #000;
            }

        .small-banner .single-banner p {
            font-size: 14px;
            color: #000;
            font-weight: 500;
            margin-bottom: 5px;
            text-transform: capitalize;
        }

        .small-banner .single-banner a {
            color: #333;
            margin-top: 22px;
            display: block;
            font-size: 12px;
            font-weight: 500;
            display: inline-block;
            text-transform: uppercase;
            border-bottom: 2px solid #333;
        }

            .small-banner .single-banner a:hover {
                color: #000;
                border-color: #000;
            }*/
/*======================================
   End Small Banner CSS
========================================*/

/*======================================
   Start Mid Banner CSS
========================================*/
/*.midium-banner {
    padding: 0;
}

    .midium-banner .single-banner {
        position: relative;
    }

        .midium-banner .single-banner img {
            height: 100%;
            width: 100%;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

        .midium-banner .single-banner .content {
            padding-left: 50px;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }

        .midium-banner .single-banner h3 {
            font-size: 27px;
            font-weight: 700;
            text-transform: uppercase;
            color: #333;
            line-height: 30px;
        }

            .midium-banner .single-banner h3 span {
                color: #000;
            }

        .midium-banner .single-banner p {
            font-size: 13px;
            color: #000;
            font-weight: 500;
            margin-bottom: 5px;
            text-transform: uppercase;
        }

        .midium-banner .single-banner a {
            display: inline-block;
            font-weight: 600;
            text-align: center;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            padding: .375rem .75rem;
            font-size: 13px;
            border-radius: .25rem;
            background: #333;
            color: #fff !important;
            padding: 10px 27px;
            border-radius: 30px;
            margin-top: 25px;
            text-transform: uppercase;
        }

            .midium-banner .single-banner a:hover {
                background: #000;
                color: #fff;
            }*/
/*======================================
   End Mid Banner CSS
========================================*/

/*======================================
   Start Most Popular CSS
========================================*/
/*.pro-tab-viewmore-wrap {
    position: relative;
    text-align: center;
}

.most-popular .section-title {
    margin-bottom: 40px;
}

.pro-tab-viewmore-wrap .pro-viewmore {
    position: absolute;
    right: 40px;
    top: 0;
}

.most-popular .book-product {
    margin: 50px 15px 0 15px;
}

.most-popular .owl-nav {
    margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -25px;
}

.most-popular .owl-carousel .owl-nav div {
    height: 60px;
    width: 30px;
    line-height: 58px;
    background: #fff;
    color: #333;
    position: absolute;
    margin: 0;
    border-radius: 0;
    font-size: 15px;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    box-shadow: 0px 0px 10px #3333331c;
}

    .most-popular .owl-carousel .owl-nav div:hover {
        color: #fff;
        background: #000;
    }

.most-popular .owl-carousel .owl-controls .owl-nav .owl-prev {
    left: 0;
}

.most-popular .owl-carousel .owl-controls .owl-nav .owl-next {
    right: 0;
}*/
/*======================================
   End Most Popular CSS
========================================*/

/*======================================
   Start Single Product CSS
========================================*/
.List-product-book .nav-tabs {
    text-align: center;
    display: inline-block;
    width: 100%;
    border: none;
}

    .List-product-book .nav-tabs .nav-item {
        margin-bottom: -1px;
        display: inline-block;
    }

    .List-product-book .nav-tabs li a {
        color: #333;
        text-transform: uppercase;
        display: inline-block;
        position: relative;
        margin-right: 5px;
        font-weight: 500;
        background: #fff;
        color: #333;
        padding: 3px 14px;
        border-radius: 3px;
      
    }

    .List-product-book .nav-tabs li:last-child a {
        border-color: transparent;
    }

    .List-product-book .nav-tabs li a i {
        margin-right: 10px;
    }

    .List-product-book .nav-tabs li a.active,
    .List-product-book .nav-tabs li:hover a {
        background: var(--bg-color-item);
        color: #fff;
        border-color: transparent;
    }
/* ebook Product */
.book-product {

}

    .book-product .product-img {
        position: relative;
        overflow: hidden;
        cursor: pointer;
        box-shadow: 5px 5px 8px -5px #999;
        transition: box-shadow .3s;
    }
        .book-product .product-img:hover {
            box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
        }
   

        .book-product .product-img a {
            display: block;
            position: relative;
        }

            .book-product .product-img a img {
                width: 100%;
                box-shadow: 0 0 6px -5px #333;
            }

                .book-product .product-img a img.hover-img {
                    position: absolute;
                    left: 0;
                    top: 0;
                    z-index: 1;
                    opacity: 0;
                    transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18);
                }

            .book-product .product-img a span.price-dec {
                background-color: #f6931d;
                display: inline-block;
                font-size: 11px;
                color: #fff;
                right: 20px;
                top: 20px;
                padding: 1px 16px;
                font-weight: 700;
                border-radius: 0;
                text-align: center;
                position: absolute;
                text-transform: uppercase;
                border-radius: 30px;
                height: 26px;
                line-height: 25px;
            }

            .book-product .product-img a span.new {
                background-color: #8f0050;
                display: inline-block;
                font-size: 11px;
                right: 5px;
                top: 0px;
                color: #fff;
                padding: 1px 16px;
                font-weight: 700;
                border-radius: 0;
                text-align: center;
                position: absolute;
                text-transform: uppercase;
                border-radius: 30px;
                height: 26px;
                line-height: 24px;
            }
            .book-product .product-img a span.best-of-stock {
                background-color: #AF7C00;
                display: inline-block;
                color: #000;
                right: 10px;
                top: 20px;
                padding: 1px 17px;
                font-weight: 700;
                border-radius: 0;
                text-align: center;
                position: absolute;
                text-transform: uppercase;
                border-radius: 30px;
                height: 25px;
                line-height: 24px;
            }
.Title-section {font-weight:bold;
}
/*      

        .book-product .product-img .product-action {
            display: inline-block;
            position: absolute;
            right: 0;
            bottom: 0;
            z-index: 99;
            border-radius: 3px;
        }

            .book-product .product-img .product-action a {
                background-color: transparent;
                color: #333;
                display: block;
                font-size: 16px;
                display: inline-block;
                margin-right: 15px;
                text-align: right;
                height: 52px;
                position: relative;
                top: 2px;
            }

                .book-product .product-img .product-action a:last-child {
                    margin-right: 0;
                    border: none;
                }

                .book-product .product-img .product-action a i {
                    line-height: 40px;
                }

                .book-product .product-img .product-action a span {
                    visibility: hidden;
                    position: absolute;
                    background: #000 !important;
                    color: #fff !important;
                    text-align: center;
                    padding: 5px 12px;
                    z-index: 3;
                    opacity: 0;
                    -webkit-transition: opacity .6s, margin .3s;
                    -o-transition: opacity .6s, margin .3s;
                    transition: opacity .6s, margin .3s;
                    font-size: 11px;
                    right: 0;
                    line-height: 14px;
                    top: -12px;
                    margin-top: -5px;
                    margin-right: 0;
                    display: inline-block;
                    width: 120px;
                    border-radius: 15px 0 0 15px;
                }*/
/*.book-product .product-img .button-head .product-action a span::after {
            position: absolute;
            content: "";
            right: 0;
            bottom: -12px;
            border: 6px solid #000;
            border-left: 0px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 6px solid transparent;
        }*/
/*  .book-product .product-img .product-action a:hover {
            color: #000;
        }

            .book-product .product-img .product-action a:hover span {
                visibility: visible;
                opacity: 1;
                color: #333;
                background: #fff;
                margin-top: -12px;
            }

        .book-product .product-img .product-action.pro-action-width-dec a {
            width: 30px;
            height: 30px;
            font-size: 14px;
        }

            .book-product .product-img .product-action.pro-action-width-dec a i {
                line-height: 30px;
            }

        .book-product .product-img .product-action.pro-action-width-dec-2 {
            bottom: 45px;
        }

        .book-product .product-img .product-action-2 {
            position: absolute;
            left: 0;
            bottom: 0;
            text-align: left;
            z-index: 99;
            -webkit-transition: all 250ms ease-out;
            -o-transition: all 250ms ease-out;
            transition: all 250ms ease-out;
        }

            .book-product .product-img .product-action-2 a {
                display: block;
                background-color: transparent;
                color: #333;
                text-align: left;
                font-size: 12px;
                font-weight: 600;
                text-transform: uppercase;
                line-height: 1;
                display: inline-block;
            }

                .book-product .product-img .product-action-2 a:hover {
                    color: #000;
                }*/
/*.book-product .button-head {
        background: green;
        display: inline-block;
        height: 40px;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: -50px;
        z-index: 9;
        height: 50px;
        line-height: 50px;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }*/
/*.book-product:hover .button-head {
        bottom: 0;
    }*/
/*.book-product .product-img .boutique-list-quickview {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        right: 0;
        text-align: center;
        z-index: 99;
        margin-top: 20px;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .35s ease 0s;
        -o-transition: all .35s ease 0s;
        transition: all .35s ease 0s;
    }

        .book-product .product-img .boutique-list-quickview a {
            color: #000;
            background-color: #fff;
            display: inline-block;
            width: 50px;
            height: 50px;
            border-radius: 100%;
            font-size: 18px;
        }

            .book-product .product-img .boutique-list-quickview a:hover {
                background-color: #222;
                color: #fff;
            }

            .book-product .product-img .boutique-list-quickview a i {
                line-height: 50px;
            }
        */
.book-product .product-content {
    margin-top: 20px;
    margin-bottom: 20px;
}

    /*.book-product .product-img:hover.default-overlay::before {
        background-color: rgba(38, 38, 38, 0.2);
        z-index: 9;
        -webkit-transition: all 250ms ease-out;
        -o-transition: all 250ms ease-out;
        transition: all 250ms ease-out;
        pointer-events: none;
        opacity: 1;
    }*/

   /* .book-product .product-img:hover.default-overlay.metro-overlay::before {
        background-color: rgba(38, 38, 38, 0.4);
        z-index: 9;
        -webkit-transition: all 250ms ease-out;
        -o-transition: all 250ms ease-out;
        transition: all 250ms ease-out;
        pointer-events: none;
        opacity: 1;
    }*/

    .book-product .product-img:hover img.hover-img {
        opacity: 1;
    }

    .book-product .product-content h4 {
        line-height: 22px;
    }

    .book-product .product-content p.titlebook a, .book-product .product-content p.titlebook {
        font-size: 1em;
        font-weight: 500;
        margin: 0;
        /*margin-bottom: 10px;*/
        color: var(--color-night);
    }

    .book-product .product-content p.authorbook a, .book-product .product-content p.authorbook {
        font-size: 0.95em;
        font-weight: 500;
        margin: 0;
        margin-bottom: 10px;
        /*color: #9d9d9d;*/
    }

    .book-product .product-content p.titlebook a:hover {
        color: #000;
    }

    .book-product .product-content .product-price {
        margin: 6px 0 0 0;
    }

        .book-product .product-content .product-price span {
            font-size: 0.95em;
            font-weight: 500;
            color: var(--bg-color);
        }

            .book-product .product-content .product-price span.old {
                text-decoration: line-through;
                opacity: .6;
                margin-right: 2px;
            }
/*======================================
   End Single Product CSS
========================================*/
.icon_connect {
    position: absolute;
    right: -10px;
    bottom: 20px;
    height: 17px;
    width: 17px;
    border-radius: 50%;
}
.green_icon {
    background-color: #4cd137;

}
.gray_icon {
    background-color: rgba(0, 0, 0, 0.3);
}
.NameLogin {
    width: 110px;
    display: inline-block;
    max-width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*======================================
   Start Shop Sidebar CSS
========================================*/

.boutique-sidebar {width:100%;
}
.boutique-sidebar .nav-vertical-options {
    margin-top: 30px;
    background: var(--bg-color-cream);
    padding: 30px;
    width: 100%; /*pour les collections*/
}

    .boutique-sidebar .nav-vertical-options:first-child {
        margin-top: 0;
    }

    .boutique-sidebar .nav-vertical-options .title {
        position: relative;
        font-size: 18px;
        font-weight: 600;
        text-transform: capitalize;
        margin-top: 15px;
        display: block;
        border-bottom: 1px solid #ddd;
        padding-bottom: 15px;
        color: var(--bg-price);
    }
/* Shop Price */

.navbar-light button.navbar-toggler, .lblfiltre {
    color: var(--color-night);text-align:right;font-weight:bold;
}


.boutique .range .price-filter {
    display: block;
    margin-top: 20px;
}

.boutique .range #slider-range {
    box-shadow: none;
    border: none;
    height: 4px;
    background: #000;
    color: #000;
    border-radius: 0px;
}

/*   .boutique .range #slider-range .ui-slider-range {
        box-shadow: none;
        background: #222;
        border-radius: 0px;
        border: none;
    }

.boutique .range .ui-slider-handle.ui-state-default.ui-corner-all {
    width: 14px;
    height: 14px;
    line-height: 10px;
    background: #222;
    border: none;
    border-radius: 100%;
    top: -5px;
}

.boutique .range .label-input {
    margin-top: 15px;
}

    .boutique .range .label-input span {
        margin-right: 5px;
        color: #282828;
    }

.boutique .range .ui-slider-handle.ui-state-default.ui-corner-all {
    background: #000;
    color: #000;
    cursor: pointer;
}*/

.boutique .range .label-input input {
    border: none;
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    color: #222;
    background: transparent;
}

.boutique .range .check-box-list {
    margin-top: 15px;
}

    .boutique .range .check-box-list li {
        margin-bottom: 5px;
    }

        .boutique .range .check-box-list li:last-child {
            margin: 0;
        }

        .boutique .range .check-box-list li label input {
            display: inline-block;
            margin-right: 6px;
            position: relative;
            top: 1px;
        }

        .boutique .range .check-box-list li label {
            margin: 0;
            font-size: 14px;
            font-weight: 400;
            color: #333;
            cursor: pointer;
        }

    .boutique .range .check-box-list .count {
        margin-left: 5px;
        color: #666;
    }

.buttonfilter.suppfilter {background-color:red;color:#fff;
}
.boutique-sidebar .categor-list li a.buttonfilter  {
    color: #fff;
}
.buttonfilter.buttonMore {
    background-color: var(--bg-color-item-secondary);
    color: var(--color-white)!important;
}
.buttonfilter.buttonLess {
    background-color: var(--heading-color);
    color: var(--color-white) !important;
}

.buttonfilter {

    display: inline-block;
    font-size: 11px;
    /*color: #fff !important;*/
    padding: 1px 16px;
    font-weight: 700;
    border-radius: 0;
    text-align: center;
    text-transform: uppercase;
    border-radius: 30px;
    height: 26px;
}
/* Category List */
.boutique-sidebar .categor-list {
    margin-top: 10px;
}

    .boutique-sidebar .categor-list li {
    }

    .boutique-sidebar .categor-list li {
        margin-bottom: 10px;
    }

        .boutique-sidebar .categor-list li:last-child {
            margin-bottom: 0px;
        }

        .boutique-sidebar .categor-list li a {
            /*display: inline-block;*/
            color: var(--font-color);
            font-weight: 400;
            /*font-size: 14px;*/
            text-transform: capitalize;
        }

            .boutique-sidebar .categor-list li a:hover {
                color: #000;
            }

            .boutique-sidebar .categor-list li a.SelectionChoisie {
                color: var(--bg-color-item-secondary);font-weight:600;
            }
/* Recent Post */
/*.boutique-sidebar .single-post {
    position: relative;
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
}

    .boutique-sidebar .single-post.first {
        padding-top: 0px;
    }

    .boutique-sidebar .single-post:last-child {
        padding-bottom: 0px;
        border: none;
    }

    .boutique-sidebar .single-post .image img {
        height: 80px;
        width: 80px;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 100%;
    }

    .boutique-sidebar .single-post .content {
        padding-left: 100px;
    }

        .boutique-sidebar .single-post .content h5 {
            line-height: 18px;
        }

            .boutique-sidebar .single-post .content h5 a {
                color: #222;
                font-weight: 500;
                font-size: 14px;
                font-weight: 500;
                display: block;
            }

                .boutique-sidebar .single-post .content h5 a:hover {
                    color: #000;
                }

        .boutique-sidebar .single-post .content .price {
            display: block;
            color: #333;
            font-weight: 500;
            margin: 5px 0 0px 0;
            text-transform: uppercase;
            font-size: 14px;
        }

    .boutique-sidebar .single-post .reviews li {
        display: inline-block;
    }

        .boutique-sidebar .single-post .reviews li i {
            color: #999;
        }

        .boutique-sidebar .single-post .reviews li.yellow i {
            color: #000;
        }*/
/* Shop Topbar */
.boutique .boutique-top {
    clear: both;
    background: var(--bg-color-cream);
    padding: 18px 10px 18px 10px;
}

.boutique .nav-filter {
    /*display: inline-block;
    margin-right: 10px;*/
}

    .boutique .nav-filter:last-child {
        margin: 0;
    }

   /* .boutique .nav-filter label {
        display: inline-block;
        float: left;
        margin: 4px 5px 0 0;
        font-weight: 500;
    }*/

    .boutique .nav-filter option {
    }


.LblResults {font-weight:bold; 
}


.select-drop {
    text-align: right;
}
    .select-drop select {
        -webkit-tap-highlight-color: transparent;
        border: solid 1px silver;
        box-sizing: border-box;
        clear: both;
        cursor: pointer;
        display: inline-block;
        /*float: right;*/
        font-weight: normal;
        height: 40px;
        line-height: 26px;
        outline: none;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        white-space: nowrap;
        width: 100%;
        color:#666;
    }


    .boutique .select-drop::after {
        border-color: #888;
    }

    .boutique .select-drop .list {
        border-radius: 0px;
        height:48px;
    }

    .boutique .select-drop .option.selected {
        font-weight: 500;
    }

    .boutique .select-drop .list li {
        color: #666;
        border-radius: 0px;
    }

        .boutique .select-drop .list li:hover {
            background: #000;
            color: #fff;
        }

/*.boutique .view-mode {
    float: right;
}

    .boutique .view-mode li {
        display: inline-block;
        margin-right: 5px;
    }

        .boutique .view-mode li:last-child {
            margin: 0;
        }

        .boutique .view-mode li a {
            width: 43px;
            height: 32px;
            background: transparent;
            border: 1px solid #77777775;
            text-align: center;
            display: block;
            line-height: 32px;
            color: #888;
            border-radius: 0px;
        }

        .boutique .view-mode li.active a,
        .boutique .view-mode li:hover a {
            background: #000;
            color: #fff;
            border-color: transparent;
        }*/
/*======================================
   End Shop Sidebar CSS
========================================*/

/*======================================
   Start Shop Single CSS
========================================*/
.boutique.single {
    padding: 70px 0 100px;
}

  /*  .boutique.single .product-gallery {
        margin-top: 30px;
    }

    .boutique.single .flexslider-thumbnails {
        position: relative;
    }

    .boutique.single .product-gallery .slides li {
        position: relative;
    }

        .boutique.single .product-gallery .slides li img {
            width: 100%;
        }
      */
  /*  .boutique.single .flex-control-nav {
        margin-top: 15px;
    }

    .boutique.single .flex-control-thumbs li {
        width: 20%;
        position: relative;
        margin: 0 8px 10px -3px;
    }

        .boutique.single .flex-control-thumbs li img {
            border: none;
            padding: 0;
            border: 1px solid transparent;
        }

            .boutique.single .flex-control-thumbs li img.flex-active {
                border-color: #000;
            }

    .boutique.single .flex-direction-nav {
        display: none;
    }
      */
    .boutique.single .product-des {
        margin-top: 30px;
    }

    /*    .boutique.single .product-des .short h4 {
            font-size: 22px;
            font-weight: 600;
            margin-top: -5px;
            line-height: 28px;
        }

        .boutique.single .product-des .short .description {
            font-size: 14px;
            color: #555555;
            margin-top: 20px;
            margin-bottom: 20px;
            padding-bottom: 20px;
            border-bottom: 1px solid #eee;
        }*/

  /*  .boutique.single .product-des {
    }

        .boutique.single .product-des .total-review {
            font-size: 14px;
            font-weight: 500;
            margin-left: 10px;
            display: inline-block;
        }

            .boutique.single .product-des .total-review:hover {
                color: #000;
            }

        .boutique.single .product-des .rating {
            margin-top: 20px;
            display: inline-block;
        }

            .boutique.single .product-des .rating li {
                display: inline-block;
            }

                .boutique.single .product-des .rating li i {
                    color: #000;
                }

                .boutique.single .product-des .rating li.dark i {
                    color: #555;
                }*/

        .boutique.single .product-des .price {
            font-size: 20px;
            color: #333;
            font-weight: 600;
            margin-top: 15px;
        }

            .boutique.single .product-des .price s {
                color: #333;
            }

            .boutique.single .product-des .price span {
                display: inline-block;
                margin-right: 15px;
                color: #000;
            }

        /*.boutique.single .product-des .product-buy {
            margin-top: 40px;
        }

        .boutique.single .product-des .product-buy {
        }*/

        .boutique.single .product-des .color {
            display: inline-block;
            margin-right: 50px;
        }

           /* .boutique.single .product-des .color h4 {
                font-size: 18px;
                font-weight: 600;
            }

                .boutique.single .product-des .color h4 span {
                    display: block;
                    font-size: 14px;
                    font-weight: 500;
                    margin-top: 4px;
                }

            .boutique.single .product-des .color ul {
                margin-top: 10px;
            }

                .boutique.single .product-des .color ul li {
                    display: inline-block;
                    margin-right: 5px;
                }

                    .boutique.single .product-des .color ul li:last-child {
                        margin-right: 0;
                    }

                    .boutique.single .product-des .color ul li a {
                        height: 30px;
                        width: 30px;
                        line-height: 30px;
                        text-align: center;
                        display: block;
                        background: #333;
                    }

                        .boutique.single .product-des .color ul li a i {
                            font-size: 11px;
                            color: #fff;
                            opacity: 0;
                            visibility: hidden;
                            -webkit-transition: all 0.4s ease;
                            -moz-transition: all 0.4s ease;
                            transition: all 0.4s ease;
                        }

                        .boutique.single .product-des .color ul li a:hover i {
                            opacity: 1;
                            visibility: visible;
                        }

                    .boutique.single .product-des .color ul li .one {
                        background: #3498db;
                    }

                    .boutique.single .product-des .color ul li .two {
                        background: #000;
                    }

                    .boutique.single .product-des .color ul li .three {
                        background: #8e44ad;
                    }

                    .boutique.single .product-des .color ul li .four {
                        background: #2ecc71;
                    }*/
        /* Size */
       /* .boutique.single .product-des .size {
            display: inline-block;
        }

            .boutique.single .product-des .size h4 {
                display: block;
                font-size: 14px;
                font-weight: 500;
                margin-top: 0px;
            }

            .boutique.single .product-des .size ul {
                display: inline-block;
                margin-top: 10px;
            }

                .boutique.single .product-des .size ul li {
                    display: inline-block;
                    margin-right: 5px;
                }

                    .boutique.single .product-des .size ul li:last-child {
                        margin-right: 0;
                    }

                    .boutique.single .product-des .size ul li a {
                        display: block;
                        height: 30px;
                        width: 36px;
                        border: 1px solid #eee;
                        text-align: center;
                        line-height: 30px;
                        font-size: 14px;
                    }

                        .boutique.single .product-des .size ul li a:hover {
                            color: #000;
                        }*/

    .boutique.single .quantity {
        display: inline-block;
        margin-right: 10px;
    }

        .boutique.single .quantity h6 {
            display: inline-block;
            margin-right: 10px;
            font-size: 15px;
            font-weight: 500;
        }

        .boutique.single .quantity .input-group {
            width: 151px;
            display: inline-block;
        }

        .boutique.single .quantity .button {
            display: inline-block;
            position: absolute;
            top: 0;
            display: inline-block;
        }

            .boutique.single .quantity .button.minus {
                left: 0;
                border-radius: 0;
                overflow: hidden;
            }

            .boutique.single .quantity .button.plus {
                right: 0;
                border-radius: 0;
                overflow: hidden;
            }

            .boutique.single .quantity .button .btn {
                padding: 0;
                width: 35px;
                height: 45px;
                line-height: 45px;
                border-radius: 0px;
                background: transparent;
                color: #282828;
                font-size: 12px;
                border: none;
            }

                .boutique.single .quantity .button .btn:hover {
                    color: #000;
                }

        .boutique.single .quantity .input-number {
            border: 1px solid #eceded;
            width: 100%;
            text-align: center;
            height: 45px;
            border-radius: 0px;
            overflow: hidden;
            padding: 0px 38px;
        }

   /* .boutique.single .add-to-cart {
        display: inline-block;
    }

        .boutique.single .add-to-cart .btn {
            height: 45px;
            width: auto;
            padding: 0 42px;
            line-height: 45px;
            text-align: center;
            text-transform: capitalize;
            margin-right: 5px;
            border-radius: 0px;
            background: #333;
            color: #fff;
            display: inline-block;
            font-weight: 500;
        }

            .boutique.single .add-to-cart .btn:hover {
                color: #fff;
                background: #000;
            }

            .boutique.single .add-to-cart .btn.min {
                padding: 0 20px;
                font-size: 17px;
                position: relative;
                top: 1px;
                line-height: 45px;
            }*/

    .boutique.single .cat {
        font-size: 14px;
        font-weight: 500;
        color: #333;
        margin-top: 30px;
    }

        .boutique.single .cat a {
            display: inline-block;
            margin-left: 10px;
        }

            .boutique.single .cat a:hover {
                color: #000;
            }

    /*.boutique.single .availability {
        color: #333;
        font-size: 14px;
        margin-top: 6px;
    }*/
    /* Product Tab */
    .boutique.single .product-info {
        margin-top: 50px;
    }

    .boutique.single .nav-tabs {
        border: none;
    }

        .boutique.single .nav-tabs li {
            margin-right: 10px;
        }

            .boutique.single .nav-tabs li:last-child {
                margin-right: 0;
            }

            .boutique.single .nav-tabs li a {
                border: 0px solid;
                border-radius: 0px;
                background: #fff;
                color: #333;
                padding: 10px 30px;
                font-weight: 500;
                font-size: 14px;
                border: 1px solid #eee;
            }

                .boutique.single .nav-tabs li a i {
                    margin-right: 10px;
                }

                .boutique.single .nav-tabs li a.active,
                .boutique.single .nav-tabs li:hover a {
                    background: #000;
                    color: #fff;
                    border-color: transparent;
                }

    .boutique.single .tab-single {
    }

    .boutique.single .single-des {
        margin-top: 35px;
    }

        .boutique.single .single-des h4 {
            margin-bottom: 15px;
            font-weight: 500;
            font-size: 22px;
        }

        .boutique.single .single-des ul {
        }

            .boutique.single .single-des ul li {
                color: #555;
                display: block;
                margin-bottom: 10px;
                position: relative;
                padding-left: 20px;
            }

                .boutique.single .single-des ul li::before {
                    position: absolute;
                    content: "";
                    left: 0;
                    top: 9px;
                    height: 7px;
                    width: 7px;
                    background: #000;
                    border-radius: 50%;
                }

        .boutique.single .single-des p {
        }

    .boutique.single .item-info {
        width: 100%;
    }

        .boutique.single .item-info tbody {
        }

            .boutique.single .item-info tbody tr {
            }

            .boutique.single .item-info tbody td {
                border: 1px solid #e6e6e6;
                padding: 10px;
            }

            .boutique.single .item-info tbody strong {
            }

   /* .boutique.single .ratting-main {
    }

    .boutique.single .avg-ratting {
        margin-bottom: 20px;
    }

        .boutique.single .avg-ratting h4 {
            font-size: 18px;
            margin: 0;
        }

            .boutique.single .avg-ratting h4 span {
                font-size: 14px;
            }

    .boutique.single .single-rating {
        margin-bottom: 20px;
    }

        .boutique.single .single-rating:last-child {
            margin: 0;
            border: none;
            padding: 0;
        }

    .boutique.single .rating-author {
        float: left;
        margin-right: 10px;
        padding: 20px;
        padding-right: 10px;
    }

        .boutique.single .rating-author img {
            width: 60px;
            border-radius: 100%;
            height: 60px;
        }

    .boutique.single .rating-des {
        padding-left: 72px;
        background: #f9f8f8;
        padding: 17px 20px 17px 107px;
    }

        .boutique.single .rating-des .ratings {
            margin: 0;
        }

        .boutique.single .rating-des h6 {
            font-size: 14px;
            font-weight: 600;
            line-height: 18px;
        }

    .boutique.single .ratting-main .single-rating ul {
    }

        .boutique.single .ratting-main .single-rating ul li {
            display: inline-block;
        }

            .boutique.single .ratting-main .single-rating ul li i {
                color: #000;
                font-size: 14px;
            }
       */

.itemlabel {font-size:16px;
}


/*.boutique.single .review-inner label {
    display: inline-block;
    margin: 0 5px 0 0;
}*/

    /*.boutique.single .review-inner .ratings {
        overflow: visible;
        display: inline-block;
        margin: 0;
    }*/

        /*.boutique.single .review-inner .ratings ul {
            display: inline-block;
        }*/

    /*.boutique.single .ratting-main .single-rating ul {
        display: inline-block;
        margin-right: 5px;
    }*/

    /*.boutique.single .ratings .rate-count {
        display: inline-block;
        color: #666;
        font-size: 13px;
    }

    .boutique.single .comment-review {
        margin-bottom: 30px;
    }

        .boutique.single .comment-review .add-review {
            margin-top: 30px;
        }

            .boutique.single .comment-review .add-review h5 {
                font-size: 18px;
                font-weight: 600;
                margin-bottom: 7px;
            }

            .boutique.single .comment-review .add-review p {
                color: #333;
            }

        .boutique.single .comment-review h4 {
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 7px;
            margin-top: 20px;
        }*/

        /*.boutique.single .comment-review .review-inner {
            margin-bottom: 15px;
            display: block;
        }*/

        /*.boutique.single .comment-review .rating li {
            display: inline-block;
        }

            .boutique.single .comment-review .rating li i {
                color: #000;
                font-size: 14px;
            }

    .boutique.single .rating-des p {
        margin-top: 5px;
    }

    .boutique.single .avg-ratting h4 {
        font-size: 20px;
        color: #333;
    }

    .boutique.single .avg-ratting {
    }*/

    .boutique.single .form .form-group input {
        width: 100%;
        height: 45px;
        padding: 10px 20px;
        background: #fff;
        border: 1px solid #ddd;
        resize: none;
        border-radius: 0;
        color: #333;
    }

    .boutique.single .form .form-group button {
        border: none;
        padding: 17px 50px;
    }

    .boutique.single .form .form-group textarea {
        width: 100%;
        height: 200px;
        padding: 20px;
        background: #fff;
        border: 1px solid #ddd;
        resize: none;
        border-radius: 0;
        color: #333;
    }

    .boutique.single .form .form-group label {
        color: #333;
        position: relative;
    }

        .boutique.single .form .form-group label span {
            color: #ff2c18;
            display: inline-block;
            position: absolute;
            right: -12px;
            top: 4px;
            font-size: 16px;
        }

    /*.boutique.single .review-panel {
        margin-top: 35px;
    }*/
/*======================================
   End Shop Single CSS
========================================*/

/*======================================
   Start Shop Home List CSS
========================================*/
/*.boutique-home-list {
    padding: 0;
    padding-bottom: 100px;
}

    .boutique-home-list .boutique-section-title {
        margin-bottom: 20px;
    }

        .boutique-home-list .boutique-section-title h1 {
            font-size: 22px;
            margin-bottom: 0;
            text-transform: capitalize;
            position: relative;
            color: #2c2d3f;
            font-weight: 700;
            margin-bottom: 10px;
            padding-bottom: 10px;
        }

            .boutique-home-list .boutique-section-title h1::before {
                position: absolute;
                content: "";
                height: 2px;
                width: 50px;
                background: #000;
                left: 0;
                bottom: -1px;
            }

    .boutique-home-list .single-list {
        overflow: hidden;
        position: relative;
        margin-top: 30px;
        border: 1px solid #eee;
        padding: 10px;
    }

        .boutique-home-list .single-list .list-image {
            position: relative;
        }

            .boutique-home-list .single-list .list-image.overlay:before {
                background: #000;
                opacity: 0;
                visibility: hidden;
                -webkit-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                transition: all 0.4s ease;
            }

            .boutique-home-list .single-list .list-image.overlay:hover:before {
                opacity: 0.3;
                visibility: visible;
            }

            .boutique-home-list .single-list .list-image .buy {
                height: 40px;
                width: 40px;
                line-height: 40px;
                font-size: 14px;
                color: #fff;
                background: #000;
                border-radius: 100%;
                display: block;
                position: absolute;
                left: 50%;
                top: 50%;
                margin-left: -20px;
                margin-top: -20px;
                text-align: center;
                -webkit-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                transition: all 0.4s ease;
                transform: scale(0);
                opacity: 0;
                visibility: hidden;
            }

                .boutique-home-list .single-list .list-image .buy:hover {
                    background: #fff;
                    color: #333;
                }

            .boutique-home-list .single-list .list-image:hover .buy {
                opacity: 1;
                visibility: visible;
                transform: scale(1);
            }

        .boutique-home-list .single-list .no-padding {
            padding-right: 0px;
        }

        .boutique-home-list .single-list img {
            width: 100%;
            height: 100%;
        }

        .boutique-home-list .single-list .content {
            padding-top: 45px;
            padding-right: 12px;
        }

            .boutique-home-list .single-list .content .title {
                line-height: 18px;
            }

                .boutique-home-list .single-list .content .title a {
                    font-size: 14px;
                    font-weight: 600;
                }

            .boutique-home-list .single-list .content .titlea {
                color: #333;
            }

            .boutique-home-list .single-list .content a:hover {
                color: #000;
            }

            .boutique-home-list .single-list .content .price {
                margin-top: 15px;
                font-weight: 500;
                background: #000;
                display: inline-block;
                color: #fff;
                padding: 2px 18px;
                border-radius: 30px;
                font-size: 14px;
                font-weight: 500;
            }*/
/*======================================
   End Shop Home List CSS
========================================*/

.Title2 {font-size:1.3em;
}
/*======================================
   Start Shopping Cart CSS
========================================*/
.OrderBlock {
    background-color: var(--color-white);
    padding: 25px;
}
.bgshop {
    background-color: var(--bg-color-cream);
    padding: 24px;
}
.OrderBlock .QuantiteBox {
    border: 1px solid #000;
    border-radius: 0;
    height: 50px;
    width: 50px;
    text-align: center;
    display:inline-block;
    vertical-align:central;
  
}

    .OrderBlock h2 {
     
        font-size: 24px;
        line-height: 28px;
        letter-spacing: 0.5px;
    }


.AddPromo {
    cursor: pointer;
}
.OrderBlock input {
    width: 100%;
}
.OrderBlock .BoutonValidationCoupon {
    text-align:right;display:block;padding-top:10px;
}



.blockcartitle {
    border-top: 1px solid #f3f3f3;
    padding-top: 10px;
}
.product-block {
    -webkit-font-smoothing: antialiased;

}
.product-name span:hover {
    color: #000;
}
.product-block .product-name {
    font-weight: 600;
    /* color: #282828;*/
    font-weight: 600;
    font-size: 17px;
}
.PrixReduitFormat {
    color: #ce3535;
    font-weight:bold;
}
.OrderBlock .price {
    white-space: nowrap;

    font-weight:bold;
}
.BoutonValidationCoupon {margin-left:15px;
}
.button-article {
}
    .button-article .btnsupp {
        position: relative;
        top: 0;
        right: 0;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0.5px;
        /**/
  
    }
@media only screen and (min-width: 920px) {

    #sticky.stick {
        position: fixed;
        top: 0;
        z-index: 10000;
        border-radius: 0 0 0.5em 0.5em;
        width: 23%;
    }
}

/**/
.HeadOfTable {display:none!important;
}
/*.table.buying-summery {
    background: #fff;
}*/

.Panier-achat {
    /*background: #f6f6f6;*/
    /*padding: 30px 0;*/
}

/*.buying-summery thead .main-hading {
    padding: 0px 50px;
}

.buying-summery thead {
    background: #000;
    color: #fff;
}

    .buying-summery thead tr th {
        border: none;
        font-weight: 600;
        color: #fff;
        text-align: center;
    }

.buying-summery tbody tr {
    border-bottom: 1px solid #000;
    margin-top: 20px;
}

    .buying-summery tbody tr img {
        border-radius: 0;
        width: 80px;
        height: 80px;
    }

    .buying-summery tbody tr:last-child {
        border: none;
    }






.buying-summery tbody .product img {
    max-width: 70px;
    border-radius: 100%;
    max-height: 65px;
    border: 1px solid #e6e6e6;
    padding: 4px;
}

.buying-summery tbody .product:hover img {
    border-color: #000;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
}*/

.Panier-achat .border {
}

.Panier-achat .table .remove-icon {
    font-size: 16px;
}

.Panier-achat .table td {
    vertical-align: middle;
    border-top: 1px solid #eee;
}

/*.buying-summery tbody .price {
    text-align: center;
}

    .buying-summery tbody .price span {
    }*/

.Panier-achat tbody .qty .input-group {
    width: 175px;
    display: inline-block;
}

.Panier-achat .qty .button {
    display: inline-block;
    position: absolute;
    top: 0;
}

    .Panier-achat .qty .button.minus {
        left: 0;
        border-radius: 0;
        overflow: hidden;
    }

    .Panier-achat .qty .button.plus {
        right: 0;
        border-radius: 0;
        overflow: hidden;
    }

    .Panier-achat .qty .button .btn {
        padding: 0;
        width: 44px;
        height: 47px;
        line-height: 50px;
        border-radius: 0px;
        background: transparent;
        color: #282828;
        border: none;
        font-size: 12px;
    }

        .Panier-achat .qty .button .btn:hover {
            color: #000;
        }

.Panier-achat .qty .input-number {
    border: 1px solid #eceded;
    width: 100%;
    text-align: center;
    height: 47px;
    border-radius: 0;
    overflow: hidden;
    padding: 0px 45px;
}

/*.buying-summery tbody .total-amount {
    text-align: center;
}

    .buying-summery tbody .total-amount span {
    }

.buying-summery tbody .action {
    text-align: center;
}

    .buying-summery tbody .action a:hover {
        color: #000;
    }*/

.Panier-achat .total-amount {
    margin-top: 50px;
}

    .Panier-achat .total-amount .left {
    }

        .Panier-achat .total-amount .left .coupon {
        }

            .Panier-achat .total-amount .left .coupon form {
            }

                .Panier-achat .total-amount .left .coupon form input {
                    width: 220px;
                    display: inline-block;
                    height: 48px;
                    color: #333;
                    padding: 0px 20px;
                    border: none;
                    box-shadow: 0px 0px 5px #0000000a;
                }

                .Panier-achat .total-amount .left .coupon form .btn {
                    display: inline-block;
                    height: 48px;
                    border: navajowhite;
                    margin-left: 4px;
                    background: transparent;
                    color: #333;
                    background: #fff;
                    box-shadow: 0px 0px 5px #00000012;
                }

                    .Panier-achat .total-amount .left .coupon form .btn:hover {
                        background: #fff;
                        color: #000;
                    }

        .Panier-achat .total-amount .left label {
            font-size: 22px;
            font-weight: 500;
            color: #333;
        }

        .Panier-achat .total-amount .left .checkbox {
            text-align: left;
            margin: 0;
            margin-top: 20px;
        }

            .Panier-achat .total-amount .left .checkbox label {
                font-size: 15px;
                font-weight: 400;
                color: #333;
                position: relative;
                padding-left: 30px;
            }

                .Panier-achat .total-amount .left .checkbox label:hover {
                    cursor: pointer;
                }

                .Panier-achat .total-amount .left .checkbox label input {
                    display: none;
                }

                .Panier-achat .total-amount .left .checkbox label::before {
                    position: absolute;
                    content: "";
                    left: 0;
                    top: 4px;
                    width: 16px;
                    height: 16px;
                    border: 1px solid #555555;
                    border-radius: 0px;
                }

                .Panier-achat .total-amount .left .checkbox label::after {
                    position: absolute;
                    content: "\f00c";
                    font-family: "Fontawesome";
                    left: 0;
                    top: 0;
                    width: 22px;
                    height: 22px;
                    line-height: 24px;
                    left: 3px;
                    top: 0px;
                    opacity: 0;
                    visibility: hidden;
                    transform: scale(0);
                    -webkit-transition: all 0.4s ease;
                    -moz-transition: all 0.4s ease;
                    transition: all 0.4s ease;
                    display: block;
                    font-size: 11px;
                }

                .Panier-achat .total-amount .left .checkbox label.checked::after {
                    opacity: 1;
                    visibility: visible;
                    transform: scale(1);
                }

    .Panier-achat .total-amount .right {
        padding-left: 100px;
    }

        .Panier-achat .total-amount .right ul {
        }

            .Panier-achat .total-amount .right ul li {
                font-size: 15px;
                font-weight: 400;
                color: #333;
                margin-bottom: 12px;
            }

                .Panier-achat .total-amount .right ul li.last {
                    padding-top: 12px;
                    border-top: 1px solid #c8c8c8;
                    color: #333;
                    font-size: 15px;
                    font-weight: 400;
                }

                .Panier-achat .total-amount .right ul li span {
                    display: inline-block;
                    float: right;
                }

        .Panier-achat .total-amount .right .button5 .btn {
            text-align: center;
            border-radius: 0;
            width: 100%;
            margin-top: 10px;
            height: 46px;
            line-height: 18px;
            font-size: 13px;
            color: #fff;
        }
/*======================================
   End Shopping Cart CSS
========================================*/

/*======================================
   Start Checkout Form CSS
========================================*/
.boutique.checkout {
    padding: 0;
    background: #fff;
    padding-top: 20px;
    padding-bottom: 50px;
}

    /*.boutique.checkout .checkout-form {
        margin-top: 30px;
    }

        .boutique.checkout .checkout-form h2 {
            font-size: 25px;
            color: #333;
            font-weight: 700;
            line-height: 27px;
        }

        .boutique.checkout .checkout-form p {
            font-size: 16px;
            color: #333;
            font-weight: 400;
            margin-top: 12px;
            margin-bottom: 30px;
        }*/

    /*.boutique.checkout .form {
    }

        .boutique.checkout .form .form-group {
            margin-bottom: 25px;
        }

            .boutique.checkout .form .form-group label {
                color: #333;
                position: relative;
            }

                .boutique.checkout .form .form-group label span {
                    color: #ff2c18;
                    display: inline-block;
                    position: absolute;
                    right: -12px;
                    top: 4px;
                    font-size: 16px;
                }

            .boutique.checkout .form .form-group input {
                width: 100%;
                height: 45px;
                line-height: 50px;
                padding: 0 20px;
                border-radius: 3px;
                border-radius: 0px;
                color: #333 !important;
                border: none;
                background: #F6F7FB;
            }

                .boutique.checkout .form .form-group input:hover {
                }

    .boutique.checkout .select-drop {
        width: 100%;
        height: 45px;
        line-height: 50px;
        margin-bottom: 25px;
        background: #F6F7FB;
        border-radius: 0px;
        border: none;
    }

        .boutique.checkout .select-drop .list {
            width: 100%;
            height: 300px;
            overflow: scroll;
        }

            .boutique.checkout .select-drop .list li {
            }

                .boutique.checkout .select-drop .list li.option {
                    color: #333;
                }

                    .boutique.checkout .select-drop .list li.option:hover {
                        background: #F6F7FB;
                        color: #333;
                    }

    .boutique.checkout .form .address input {
        margin-bottom: 15px;
    }

        .boutique.checkout .form .address input:last-child {
            margin: 0;
        }

    .boutique.checkout .form .create-account {
        margin: 0;
    }

        .boutique.checkout .form .create-account input {
            width: auto;
            display: inline-block;
            height: auto;
            border-radius: 100%;
            margin-right: 3px;
        }

        .boutique.checkout .form .create-account label {
            display: inline-block;
            margin: 0;
        }

    .boutique.checkout .order-details {
        margin-top: 30px;
        background: #fff;
        padding: 15px 0 30px 0;
        border: 1px solid #eee;
    }

    .boutique.checkout .nav-vertical-options {
        margin-bottom: 30px;
    }

        .boutique.checkout .nav-vertical-options:last-child {
            margin: 0;
        }

        .boutique.checkout .nav-vertical-options h2 {
            position: relative;
            font-size: 15px;
            font-weight: 600;
            padding: 10px 30px;
            line-height: 24px;
            text-transform: uppercase;
            color: #333;
            padding-bottom: 5px;
        }

            .boutique.checkout .nav-vertical-options h2:before {
                position: absolute;
                content: "";
                left: 30px;
                bottom: 0;
                height: 2px;
                width: 50px;
                background: #000;
            }

        .boutique.checkout .nav-vertical-options .content ul {
            margin-top: 30px;
        }

            .boutique.checkout .nav-vertical-options .content ul li {
                display: block;
                padding: 0px 30px;
                font-size: 15px;
                font-weight: 400;
                color: #333;
                margin-bottom: 12px;
            }

                .boutique.checkout .nav-vertical-options .content ul li span {
                    display: inline-block;
                    float: right;
                }

                .boutique.checkout .nav-vertical-options .content ul li.last {
                    padding-top: 12px;
                    border-top: 1px solid #ebebeb;
                    display: block;
                    font-size: 15px;
                    font-weight: 400;
                    color: #333;
                }

        .boutique.checkout .nav-vertical-options .checkbox {
            text-align: left;
            margin: 0;
            padding: 0px 30px;
            margin-top: 30px;
        }

            .boutique.checkout .nav-vertical-options .checkbox label {
                color: #555555;
                position: relative;
                font-size: 14px;
                padding-left: 20px;
                margin-top: -5px;
                font-weight: 400;
                display: block;
                margin-bottom: 15px;
            }

                .boutique.checkout .nav-vertical-options .checkbox label:last-child {
                    margin-bottom: 0;
                }

                .boutique.checkout .nav-vertical-options .checkbox label:hover {
                    cursor: pointer;
                }

                .boutique.checkout .nav-vertical-options .checkbox label input {
                    display: none;
                }

                .boutique.checkout .nav-vertical-options .checkbox label::before {
                    position: absolute;
                    content: "";
                    left: 0;
                    top: 7px;
                    width: 12px;
                    height: 12px;
                    line-height: 16px;
                    border: 1px solid #666;
                    border-radius: 100%;
                }

                .boutique.checkout .nav-vertical-options .checkbox label::after {
                    position: absolute;
                    content: "";
                    left: 0;
                    top: 7px;
                    width: 12px;
                    height: 12px;
                    line-height: 16px;
                    border-radius: 100%;
                    display: block;
                    background: #666;
                    transform: scale(0);
                    -webkit-transition: all 0.4s ease;
                    -moz-transition: all 0.4s ease;
                    transition: all 0.4s ease;
                }

                .boutique.checkout .nav-vertical-options .checkbox label.checked::after {
                    opacity: 1;
                    visibility: visible;
                    transform: scale(1);
                }

        .boutique.checkout .nav-vertical-options.payement {
            padding: 0px 38px;
            text-align: center;
            margin-top: 30px;
        }

        .boutique.checkout .nav-vertical-options.get-button {
            text-align: center;
            padding: 0px 35px;
        }

            .boutique.checkout .nav-vertical-options.get-button .btn {
                height: 46px;
                width: 100%;
                line-height: 19px;
                text-align: center;
                border-radius: 0;
                text-transform: uppercase;
                color: #fff;
            }*/
/*======================================
   End Checkout Form CSS
========================================*/



/*.iconchecked {width:10px; height:10px; background-color:chartreuse;display:inline-block;
}*/
/*======================================
   Login & Register CSS
========================================*/
.boutique.login {
    padding: 100px 0;
}

    /*.boutique.login .login-form h2 {
        position: relative;
        font-size: 35px;
        color: #333;
        font-weight: 400;
        line-height: 27px;
        text-transform: uppercase;
        margin-bottom: 12px;
        padding-bottom: 20px;
        text-align: center;
    }*/

        /*.boutique.login .login-form h2:before {
            position: absolute;
            content: "";
            left: 50%;
            bottom: 0;
            height: 2px;
            width: 50px;
            background: #000;
            margin-left: -25px;
        }*/

    /*.boutique.login .login-form p {
        font-size: 14px;
        color: #333;
        font-weight: 400;
        text-align: center;
        margin-bottom: 50px;
    }*/

    .boutique.login .form {
        margin-top: 30px;
    }

        .boutique.login .form .form-group {
            margin-bottom: 22px;
        }

            .boutique.login .form .form-group input {
                width: 100%;
                height: 45px;
                line-height: 50px;
                padding: 0 20px;
                border-radius: 3px;
                border-radius: 0px;
                color: #333 !important;
                border: none;
                background: #F6F7FB;
            }

            .boutique.login .form .form-group label {
                color: #333;
                position: relative;
            }

                .boutique.login .form .form-group label span {
                    color: #ff2c18;
                    display: inline-block;
                    position: absolute;
                    right: -12px;
                    top: 4px;
                    font-size: 16px;
                }

            .boutique.login .form .form-group input:hover {
                border-color: #1308a3;
                color: #1308a3;
            }

            /*.boutique.login .form .form-group.login-btn {
                margin: 0;
            }*/

        .boutique.login .form button {
            border: none;
        }

        .boutique.login .form .btn {
            display: inline-block;
            margin-right: 10px;
            height: 46px;
            color: #fff;
            line-height: 20px;
        }

            .boutique.login .form .btn:hover {
                background: #000;
                color: #fff;
            }




.btnFormat {
    border: none;
    background-color: transparent;
    height: 48px;
    color: var(--bg-color-item-secondary);
}
/*.boutique.login .login-form .checkbox {
        text-align: left;
        margin: 0;
        margin-top: 20px;
        display: inline-block;
    }*/
/*.boutique.login .login-form .checkbox label {
            font-size: 14px;
            font-weight: 400;
            color: #333;
            position: relative;
            padding-left: 20px;
        }*/
/*.boutique.login .login-form .checkbox label:hover {
                cursor: pointer;
            }

            .boutique.login .login-form .checkbox label input {
                display: none;
            }

            .boutique.login .login-form .checkbox label::before {
                position: absolute;
                content: "";
                left: 0;
                top: 6px;
                width: 12px;
                height: 12px;
                border: 1px solid #555555;
                border-radius: 0px;
            }

            .boutique.login .login-form .checkbox label::after {
                position: absolute;
                content: "\f00c";
                font-family: "Fontawesome";
                width: 12px;
                height: 12px;
                line-height: 23px;
                left: 2px;
                top: 0px;
                opacity: 0;
                visibility: hidden;
                transform: scale(0);
                -webkit-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                transition: all 0.4s ease;
                display: block;
                font-size: 9px;
            }

            .boutique.login .login-form .checkbox label.checked::after {
                opacity: 1;
                visibility: visible;
                transform: scale(1);
            }

    .boutique.login .login-form .lost-pass {
        display: inline-block;
        margin-left: 25px;
        color: #333;
        font-size: 14px;
        font-weight: 400;
    }

        .boutique.login .login-form .lost-pass:hover {
            color: #000;
        }*/
/*======================================
	End Login CSS
========================================*/
/*======================================
   Start Shop List CSS
========================================*/
/*.boutique-list .list-content {
    margin-top: 50px;
}

    .boutique-list .list-content .product-price {
    }

        .boutique-list .list-content .product-price span {
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 3px;
            display: block;
        }

    .boutique-list .list-content .title {
        line-height: 20px;
    }

        .boutique-list .list-content .title a:hover {
            color: #000;
        }

        .boutique-list .list-content .title a {
            font-size: 18px;
            font-weight: 600;
        }

    .boutique-list .list-content .rating {
        margin: 5px 0 8px 0;
    }

        .boutique-list .list-content .rating li {
            display: inline-block;
        }

            .boutique-list .list-content .rating li i {
                color: #000;
            }

            .boutique-list .list-content .rating li.total {
                color: #333;
                font-size: 12px;
                margin-left: 3px;
            }

    .boutique-list .list-content .des {
    }

    .boutique-list .list-content .btn {
        margin-top: 22px;
        height: 42px;
        line-height: 15px;
        color: #333;
        background: transparent;
        border: 1px solid #cecece;
        font-size: 13px;
        border-radius: 30px;
        height: auto;
        line-height: a;
        padding: 13px 32px;
    }

        .boutique-list .list-content .btn:hover {
            background: #000;
            color: #fff;
            border-color: transparent;
        }*/
/* Pagination CSS */
.pagination {
    text-align: center;
    margin: 50px 0 0 0;
    display: table;
 
    line-height: 38px;
    width: 100%;
}
a#PagerNext, a#PagerFirst, a#PagerPrev, a#PagerLast, a.BtnPager{
   
 
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    font-size: .9rem;
    order: 0;
    outline: 0;
    margin: 0 10px;
}


.pagination td a /*:nth-child(2), .pagination td a:nth-child(3), .pagination td a:nth-child(1), .pagination td a:nth-child(4), .pagination td a:nth-child(5)*/ {
  
    line-height: 3rem;

    padding: 5px 10px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    display: inline-block;
   
    font-size: 24px;
    font-weight: bold;
}

.PagerCurrentPage {
    font-size: 24px;
    font-weight: bold;
    background-color: var(--bg-color-item);
    padding: 5px 10px;
 color:#fff;
}
/*.pagination a:hover {
    color: #fff !important;
}*/
.pagination a {
    color: var(--heading-color);
}




/*======================================
   End Shop List CSS
========================================*/
.btn-link {
    position: relative;
    font-weight: 600;
    display: inline-block;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 5;
    display: inline-block;
    border-radius: 0px;
    text-transform: uppercase;
    cursor:pointer;
  
}
.btn-link:hover {
text-decoration:none;
}


/*=============================
	Start Cowndown CSS
===============================*/

.detail-book-meta .blockimgMEA {
    background-color: silver;
    text-align: center;
    position: relative;
    padding: 3vh;
}
.detail-book-meta span.IconAccessby {
    display: inline-block;
    right: 20px;
    top: 20px;
    /*color: var(--color-white);*/
    position: absolute;
}



.detail-book-meta {
}

    .detail-book-meta .padding-right {
        padding-right: 0;
    }

    .detail-book-meta .padding-left {
        padding-left: 0;
    }

    .detail-book-meta .image img {
        width: 100%;
        height: 100%;
    }

    .detail-book-meta .content {
       /*text-align: center;*/
        /*background: var(--bg-color-cream);*/
        height: 100%;
        position: relative;
        text-align:right;
    }

        .detail-book-meta .content .heading-block {
            /*position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);*/
            padding: 2.5em;
            padding-top: 0em;padding-bottom:0.5em;
        }

        .detail-book-meta .content .small-title {
            font-size: 14px;
      
            display: block;
            /*text-transform: uppercase;*/
            margin-bottom: 5px;
            font-weight: 600!important;
        }
        h3.small-title a {
            font-size: 1.1rem;
        }
h2.small-title a {
    font-size: 1rem;
    color: var(--bg-color-item-secondary);/* editeur*/
}

        .detail-book-meta .content .title {
            font-size: 2em;
            font-weight: 600;
            /*margin-bottom: 20px;*/
         
        }


        .detail-book-meta .content .price {
            margin-top: 35px;
            font-size: 35px;
            font-weight: 700;
            color: var(--bg-price);
        }
.Bookitemslist .detail-book-meta .content .price, .blockcartitle .detail-book-meta .content .price {
    font-size: 21px;
}

            .detail-book-meta .content .price s {
                margin-top: 35px;
                font-size: 24px;
                font-weight: 500;
                color: #666;
            }

        .detail-book-meta .content .cdown {
            float: none;
            text-align: center;
            margin-top: 40px;
            width: 80px;
            display: inline-block;
        }

        .detail-book-meta .content .cdown {
            text-align: center;
        }

        .detail-book-meta .content .cdown {
            display: inline-block;
        }

            .detail-book-meta .content .cdown span {
                color: #333;
                font-size: 22px;
                font-weight: 400;
                text-transform: uppercase;
            }

            .detail-book-meta .content .cdown p {
                font-size: 13px;
                color: #666;
                text-transform: uppercase;
            }


.Bookitemslist .btnchoice {min-width:150px;
}
/*=============================
	End Cowndown CSS
===============================*/
/*======================================
   Start Shop Services CSS
========================================*/
.boutique-services.section {
    padding: 80px 0 0px 0;
    background: #fff;
}

.boutique-services.home {
    padding: 60px 0;
    background: var(--bg-color-cream);
}

.boutique-services .single-service {
    position: relative;
    padding-left: 60px;
}

    .boutique-services .single-service svg {
    
        line-height: 50px;
        color: var(--font-color);
        display: block;
        position: absolute;
        left: 0;
        top: 0;
    }

    .boutique-services .single-service .titlefooter {
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 22px;
        color: var(--bg-color-item-secondary);
    }

    .boutique-services .single-service p {
        color: var(--font-color);
        line-height: 28px;
        font-size: 14px;
    }
/*======================================
   End Shop Services CSS
========================================*/

/*======================================
   Start Shop Newsletter CSS
========================================*/
.boutique-newsletter {
    background: #fff;
}

    .boutique-newsletter .inner {
        text-align: center;
    }

        .boutique-newsletter .inner h4 {
            color: #333;
            font-size: 17px;
            font-weight: 600;
            margin-bottom: 5px;
            text-transform: uppercase;
        }

        .boutique-newsletter .inner p {
            color: #777;
            font-size: 14px;
            font-weight: 400;
            margin-bottom: 30px;
        }

            .boutique-newsletter .inner p span {
                color: #000;
            }

    .boutique-newsletter .newsletter-inner {
        position: relative;
        display: inline-block;
    }

        .boutique-newsletter .newsletter-inner input {
            width: 480px;
            height: 55px;
            border-radius: 0px;
            padding: 0px 30px;
            font-weight: 400;
            display: inline-block;
            text-shadow: none;
            box-shadow: none;
            border-radius: 0;
            border: none;
            border: 1px solid #ececec;
            border-radius: 30px 0 0 30px;
        }

        .boutique-newsletter .newsletter-inner button {
            border: none;
            text-shadow: none;
            box-shadow: none;
            border-radius: 0;
        }

        .boutique-newsletter .newsletter-inner .btn {
            display: inline-block;
            height: 55px;
            padding: 10px 30px;
            position: relative;
            top: 0;
            background: #000;
            color: #fff;
            left: -4px;
            border-radius: 0 30px 30px 0;
            font-size: 14px;
            font-weight: 500;
            text-transform: uppercase;
        }

            .boutique-newsletter .newsletter-inner .btn:hover {
                background: #333;
                color: #fff;
            }
/*======================================
   End Shop Newsletter CSS
========================================*/

/*=============================
	About US CSS
===============================*/
/*.about-us {
    background: #fff;
}

    .about-us .about-content {
        padding-right: 50px;
    }

        .about-us .about-content .story {
            display: block;
            color: #04AAF4;
            margin-bottom: 20px;
            font-size: 17px;
        }

            .about-us .about-content .story i {
                color: #04AAF4;
                margin-right: 5px;
                font-size: 22px;
            }

        .about-us .about-content h3 {
            font-size: 30px;
            font-weight: 600;
            position: relative;
            margin-bottom: 15px;
            padding-bottom: 15px;
        }

            .about-us .about-content h3::before {
                position: absolute;
                content: "";
                left: 0;
                bottom: -1px;
                height: 2px;
                width: 60px;
                background: #000;
            }

            .about-us .about-content h3 span {
                display: inline-block;
                font-weight: 700;
                color: #000;
            }

        .about-us .about-content p {
            line-height: 26px;
            margin-bottom: 10px;
        }

            .about-us .about-content p:last-child {
                margin: 0;
            }

        .about-us .about-content .button {
            margin-top: 40px;
        }

            .about-us .about-content .button .btn {
                background: #333;
                color: #fff;
                margin-right: 15px;
            }

                .about-us .about-content .button .btn:hover {
                    background: #000;
                    color: #fff;
                }

                .about-us .about-content .button .btn.primary {
                    background: #000;
                    color: #fff;
                }

                    .about-us .about-content .button .btn.primary:hover {
                        background: #333;
                        color: #fff;
                    }

                .about-us .about-content .button .btn:last-child {
                    margin: 0;
                }

    .about-us .about-img {
        position: relative;
        -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
        border: 10px solid #fff;
    }

        .about-us .about-img:before {
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

        .about-us .about-img:hover:before {
            opacity: 0.6;
            visibility: visible;
        }

        .about-us .about-img .video {
            height: 64px;
            width: 64px;
            line-height: 64px;
            background: #000;
            color: #fff;
            font-size: 20px;
            border-radius: 100%;
            display: block;
            text-align: center;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -32px;
            margin-top: -32px;
            padding-left: 4px;
            transform: scale(0);
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

            .about-us .about-img .video:hover {
                background: #fff;
                color: #000;
            }

        .about-us .about-img:hover .video {
            transform: scale(1);
        }

        .about-us .about-img img {
            height: 100%;
            width: 100%;
        }*/
/*=============================
	End About US CSS
===============================*/

/*======================================
  10. Start Team CSS
========================================*/
/*.team {
    background: #F6F7FB;
}

    .team .title-line {
        margin-bottom: 40px;
    }

    .team .single-team {
        margin-top: 30px;
        position: relative;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        transition: all 500ms ease;
        display: inline-block;
        overflow: hidden;
        text-align: center;
        background: #fff;
    }

        .team .single-team .info-head {
            padding: 35px 30px;
        }

        .team .single-team .image img {
            height: 100%;
            width: 100%;
        }

        .team .single-team .info-box {
            text-align: center;
        }

            .team .single-team .info-box .name {
                display: block;
                font-size: 17px;
                color: #333;
                font-weight: 500;
                margin-bottom: 3px;
                text-transform: capitalize;
            }

            .team .single-team .info-box .designation {
                color: #aaa;
                font-size: 13px;
            }

        .team .single-team .social-links {
            -webkit-transition: all 500ms ease;
            -moz-transition: all 500ms ease;
            transition: all 500ms ease;
            margin-top: 15px;
        }

            .team .single-team .social-links .social li {
                display: inline-block;
                margin-right: 15px;
            }

                .team .single-team .social-links .social li:last-child {
                    margin-right: 0px;
                }

                .team .single-team .social-links .social li a {
                    color: #666;
                    display: block;
                    font-size: 14px;
                }

                    .team .single-team .social-links .social li a:hover {
                        color: #000;
                    }*/
/*======================================
  End Team CSS
========================================*/

/*======================================
   Start Shop Blog CSS
========================================*/
/*.boutique-blog.grid .boutique-single-blog {
    margin-top: 30px;
}

.boutique-blog .boutique-single-blog {
    text-align: center;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .boutique-blog .boutique-single-blog:hover {
        box-shadow: 0px 10px 10px #0000000a;
    }

    .boutique-blog .boutique-single-blog img {
        height: 100%;
        width: 100%;
    }

    .boutique-blog .boutique-single-blog .content {
        padding: 40px;
    }

        .boutique-blog .boutique-single-blog .content .title {
            font-size: 17px;
            font-weight: 600;
            color: #333;
        }

            .boutique-blog .boutique-single-blog .content .title:hover {
                color: #000;
            }

        .boutique-blog .boutique-single-blog .content .date {
            font-size: 14px;
            font-weight: 400;
            margin-bottom: 5px;
            color: #B7B7B7;
        }

        .boutique-blog .boutique-single-blog .content .more-btn {
            font-size: 14px;
            font-weight: 400;
            color: #3c3c3c;
            margin-top: 10px;
            display: block;
        }

            .boutique-blog .boutique-single-blog .content .more-btn:hover {
                color: #000;
            }*/
/* Related Product */
/*.related-product {
    padding-top: 0;
}

    .related-product .section-title {
        text-align: center;
        margin-bottom: 10px;
        padding: 0;
    }

        .related-product .section-title h2 {
            font-size: 25px;
            margin-bottom: 0;
            text-transform: capitalize;
            position: relative;
            color: #2c2d3f;
            font-weight: 700;
            padding-bottom: 15px;
        }*/
/* Blog Sidebar */
/*.main-sidebar {
    background: #fff;
    margin-top: 30px;
    padding: 40px;
    background: transparent;
    border: 1px solid #eeeeeec2;
}*/

    /*.main-sidebar .nav-vertical-options {
        margin-bottom: 50px;
    }

        .main-sidebar .nav-vertical-options .title {
            position: relative;
            font-size: 18px;
            font-weight: 600;
            text-transform: capitalize;
            margin-bottom: 30px;
            display: block;
            background: #fff;
            padding-left: 12px;
        }

            .main-sidebar .nav-vertical-options .title::before {
                position: absolute;
                content: "";
                left: 0;
                bottom: -1px;
                height: 100%;
                width: 3px;
                background: #000;
            }

        .main-sidebar .nav-vertical-options:last-child {
            margin: 0;
        }*/

    /*.main-sidebar .search {
        position: relative;
    }

        .main-sidebar .search input {
            width: 100%;
            height: 45px;
            box-shadow: none;
            text-shadow: none;
            font-size: 14px;
            border: none;
            color: #222;
            background: transparent;
            padding: 0 70px 0 20px;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            transition: all 0.4s ease;
            border-radius: 0;
            border: 1px solid #eee;
        }

        .main-sidebar .search .button {
            position: absolute;
            right: 0;
            top: 0;
            height: 44px;
            width: 50px;
            line-height: 45px;
            box-shadow: none;
            text-shadow: none;
            text-align: center;
            border: none;
            font-size: 14px;
            color: #fff;
            background: #333;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

            .main-sidebar .search .button:hover {
                background: #000;
                color: #fff;
            }
   
    .main-sidebar .categor-list {
        margin-top: 15px;
    }

        .main-sidebar .categor-list li {
        }

        .main-sidebar .categor-list li {
            margin-bottom: 10px;
        }

            .main-sidebar .categor-list li:last-child {
                margin-bottom: 0px;
            }

            .main-sidebar .categor-list li a {
                display: inline-block;
                color: #333;
                font-size: 14px;
            }

                .main-sidebar .categor-list li a:hover {
                    color: #000;
                    padding-left: 7px;
                }

                .main-sidebar .categor-list li a i {
                    display: inline-block;
                    margin-right: 0px;
                    font-size: 9px;
                    transform: translateY(-1px);
                    opacity: 0;
                    visibility: hidden;
                    -webkit-transition: all 0.4s ease;
                    -moz-transition: all 0.4s ease;
                    transition: all 0.4s ease;
                }

                .main-sidebar .categor-list li a:hover i {
                    margin-right: 6px;
                    opacity: 1;
                    visibility: visible;
                }

    .main-sidebar .recent-post {
    }

    .main-sidebar .single-post {
        position: relative;
        border-bottom: 1px solid #ddd;
        display: inline-block;
        padding: 17px 0;
    }

        .main-sidebar .single-post:last-child {
            padding-bottom: 0px;
            border: none;
        }

        .main-sidebar .single-post .image {
        }

            .main-sidebar .single-post .image img {
                float: left;
                width: 80px;
                height: 80px;
                margin-right: 20px;
            }

        .main-sidebar .single-post .content {
            padding-left: 100px;
        }

            .main-sidebar .single-post .content h5 {
                line-height: 18px;
            }

                .main-sidebar .single-post .content h5 a {
                    color: #2C2D3F;
                    font-weight: 500;
                    font-size: 14px;
                    font-weight: 500;
                    margin-top: 10px;
                    display: block;
                    margin-bottom: 10px;
                    margin-top: 0;
                }

                    .main-sidebar .single-post .content h5 a:hover {
                        color: #000;
                    }

            .main-sidebar .single-post .content .comment {
            }

                .main-sidebar .single-post .content .comment li {
                    color: #888;
                    display: inline-block;
                    margin-right: 15px;
                    font-weight: 400;
                    font-size: 14px;
                }

                    .main-sidebar .single-post .content .comment li:last-child {
                        margin-right: 0;
                    }

                    .main-sidebar .single-post .content .comment li i {
                        display: inline-block;
                        margin-right: 5px;
                    }*/
    /* Blog Tags */
    /*.main-sidebar .side-tags {
    }

        .main-sidebar .side-tags .tag {
            margin-top: 40px;
        }

            .main-sidebar .side-tags .tag li {
                display: inline-block;
                margin-right: 7px;
                margin-bottom: 20px;
            }

                .main-sidebar .side-tags .tag li a {
                    background: #fff;
                    color: #333;
                    padding: 8px 14px;
                    text-transform: capitalize;
                    border-radius: 0;
                    font-size: 13px;
                    background: #F6F7FB;
                }

            .main-sidebar .side-tags .tag a:hover {
                color: #fff;
                background: #000;
                border-color: transparent;
            }*/
    /* Blog Newslatter CSS */
    /*.main-sidebar .newsletter {
    }

        .main-sidebar .newsletter .letter-inner {
            position: relative;
            padding: 35px 30px;
            box-shadow: 0px 0px 12px #00000014;
            z-index: 2;
            overflow: hidden;
        }

            .main-sidebar .newsletter .letter-inner h4 {
                text-transform: capitalize;
                margin-bottom: 25px;
                font-size: 18px;
                font-weight: 600;
                line-height: 24px;
            }

            .main-sidebar .newsletter .letter-inner p {
                margin-bottom: 20px;
            }

            .main-sidebar .newsletter .letter-inner .form-inner {
                position: relative;
            }

            .main-sidebar .newsletter .letter-inner input {
                width: 100%;
                height: 45px;
                background: #fff;
                border: none;
                border: 1px solid #ddd;
                padding: 0px 60px 0px 20px;
                box-shadow: none;
                text-shadow: none;
                border-radius: 0;
            }

            .main-sidebar .newsletter .letter-inner .form-inner a {
                height: 42px;
                width: 100%;
                background: #000;
                color: #fff;
                font-size: 14px;
                display: block;
                text-align: center;
                line-height: 42px;
                margin-top: 10px;
                text-transform: uppercase;
                font-weight: 500;
            }

                .main-sidebar .newsletter .letter-inner .form-inner a:hover {
                    background: #333;
                    color: #fff;
                }*/
/* Blog Single CSS */
/*.blog-single {
    background: #fff;
    padding: 70px 0 100px;
}

    .blog-single .blog-single-main {
        margin-top: 30px;
        background: #fff;
    }

    .blog-single .blog-detail {
        background: #fff;
    }

    .blog-single .image {
        position: relative;
    }

        .blog-single .image img {
            width: 100%;
            height: 100%;
        }

    .blog-single .blog-title {
        font-size: 24px;
        font-weight: 600;
        text-transform: capitalize;
        margin: 40px 0 15px 0;
    }

    .blog-single .blog-meta {
        margin-bottom: 0;
        overflow: hidden;
        border-bottom: 1px solid #dddddd6e;
        padding-bottom: 20px;
        margin-bottom: 25px;
    }

        .blog-single .blog-meta .author i {
            color: #000;
            margin-right: 10px;
            font-size: 13px;
        }

        .blog-single .blog-meta .author a {
            font-size: 13px;
            border-right: 1px solid #ddd;
            padding: 0px 15px;
        }

            .blog-single .blog-meta .author a:first-child {
                padding-left: 0;
            }

            .blog-single .blog-meta .author a:last-child {
                padding-right: 0;
                border: none;
            }

        .blog-single .blog-meta span {
            display: inline-block;
            font-size: 14px;
            color: #666;
        }

            .blog-single .blog-meta span a i {
                margin-right: 10px;
                color: #000;
            }

            .blog-single .blog-meta span a:hover {
                color: #000;
            }

    .blog-single .content p {
        margin-bottom: 25px;
        line-height: 26px;
    }

        .blog-single .content p:last-child {
            margin: 0;
        }

    .blog-single blockquote {
        position: relative;
        font-size: 13px;
        font-weight: 400;
        padding-left: 20px;
        padding: 10px 20px;
        background: #F6F6F6;
        padding: 30px 40px 30px 70px;
        color: #555;
        border: none;
        margin-bottom: 25px;
        border-left: 3px solid #000;
    }

        .blog-single blockquote i {
            font-size: 30px;
            color: #000;
            position: absolute;
            left: 20px;
            top: 20px;
        }

    .blog-single .content .img-post {
        margin-bottom: 25px;
    }

    .blog-single .share-social .content-tags {
        position: relative;
        margin-top: 25px;
    }

        .blog-single .share-social .content-tags h4 {
            position: absolute;
            left: 0;
            top: 7px;
            font-size: 15px;
            font-weight: 500;
        }

        .blog-single .share-social .content-tags .tag-inner {
            padding-left: 60px;
        }

            .blog-single .share-social .content-tags .tag-inner li {
                display: inline-block;
                margin-right: 7px;
                margin-bottom: 10px;
                margin-top: 4px;
            }

                .blog-single .share-social .content-tags .tag-inner li:last-child {
                    margin-right: 0px;
                    margin-bottom: 0px;
                }

                .blog-single .share-social .content-tags .tag-inner li a {
                    border-radius: 30px;
                    padding: 5px 15px;
                    background: #f4f7fc;
                    font-size: 13px;
                }

                    .blog-single .share-social .content-tags .tag-inner li a:hover {
                        color: #fff;
                        background: #000;
                    }

    .blog-single .comments {
        margin-top: 40px;
    }

        .blog-single .comments .comment-title {
            position: relative;
            font-size: 18px;
            font-weight: 600;
            text-transform: capitalize;
            margin-bottom: 30px;
            display: block;
            background: #fff;
            padding-left: 12px;
        }

            .blog-single .comments .comment-title:before {
                position: absolute;
                content: "";
                left: 0;
                bottom: -1px;
                height: 100%;
                width: 3px;
                background: #000;
            }

    .blog-single .comments {
    }

        .blog-single .comments .single-comment {
            position: relative;
            margin-bottom: 40px;
            border-radius: 5px;
            padding-left: 95px;
        }

            .blog-single .comments .single-comment.left {
                margin-left: 110px;
            }

            .blog-single .comments .single-comment img {
                height: 70px;
                width: 70px;
                border-radius: 100%;
                position: absolute;
                left: 0;
            }

    .blog-single .single-comment .content {
    }

        .blog-single .single-comment .content h4 {
            color: #333;
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 10px;
            display: inline-block;
            margin-bottom: 18px;
            text-transform: capitalize;
        }

            .blog-single .single-comment .content h4 span {
                display: inline-block;
                font-size: 13px;
                color: #8D8D8D;
                margin: 0;
                font-weight: 400;
                text-transform: capitalize;
                display: block;
                margin-top: 5px;
            }

        .blog-single .single-comment .content p {
            color: #666;
            font-weight: 400;
            display: block;
            margin: 0;
            margin-bottom: 20px;
            line-height: 22px;
        }

        .blog-single .single-comment .content .button {
        }

        .blog-single .single-comment .content .btn {
            display: inline-block;
            color: #666;
            font-weight: 400;
            color: #6a6a6a;
            border-radius: 4px;
            text-transform: capitalize;
            font-size: 14px;
            background: transparent;
            padding: 0;
        }

        .blog-single .single-comment .content a i {
            display: inline-block;
            margin-right: 5px;
        }

        .blog-single .single-comment .content a:hover {
            color: #000;
        }

    .blog-single .reply form {
        padding: 40px;
        border: 1px solid #eee;
    }

    .blog-single .reply .reply-title {
        position: relative;
        font-size: 18px;
        font-weight: 600;
        text-transform: capitalize;
        margin-bottom: 30px;
        display: block;
        background: #fff;
        padding-left: 12px;
    }

        .blog-single .reply .reply-title:before {
            position: absolute;
            content: "";
            left: 0;
            bottom: -1px;
            height: 100%;
            width: 3px;
            background: #000;
        }

    .blog-single .reply .form-group {
        margin-bottom: 20px;
    }

        .blog-single .reply .form-group input {
            width: 100%;
            height: 45px;
            line-height: 50px;
            padding: 0 20px;
            border-radius: 0px;
            color: #333 !important;
            border: none;
            border: 1px solid #eee;
        }

        .blog-single .reply .form-group textarea {
            width: 100%;
            height: 200px;
            line-height: 50px;
            padding: 0 20px;
            border-radius: 0px;
            color: #333 !important;
            border: none;
            border: 1px solid #eee;
        }

        .blog-single .reply .form-group label {
            color: #333;
            position: relative;
        }

            .blog-single .reply .form-group label span {
                color: #ff2c18;
                display: inline-block;
                position: absolute;
                right: -12px;
                top: 4px;
                font-size: 16px;
            }

    .blog-single .reply .button {
        text-align: left;
        margin-bottom: 0px;
    }

        .blog-single .reply .button .btn {
            height: 50px;
            border: none;
        }*/
/*======================================
   End Shop Blog CSS
========================================*/


/*======================================
  21. Contact CSS
========================================*/
/*.page-contact {
    position: relative;
    z-index: 43;
}

    .page-contact .title {
        margin-bottom: 30px;
    }

        .page-contact .title h4 {
            font-size: 17px;
            font-weight: 500;
            margin-bottom: 5px;
            color: #000;
        }

        .page-contact .title h3 {
            font-size: 25px;
            text-transform: capitalize;
            font-weight: 600;
        }

    .page-contact .single-head {
        padding: 50px;
        box-shadow: 0px 0px 15px #0000001a;
        height: 100%;
    }

    .page-contact .single-info {
        text-align: left;
        margin-bottom: 30px;
    }

        .page-contact .single-info i {
            color: #fff;
            font-size: 18px;
            display: inline-block;
            margin-bottom: 15px;
            height: 40px;
            width: 40px;
            display: block;
            text-align: center;
            border-radius: 3px;
            line-height: 40px;
            background: #000;
        }

        .page-contact .single-info ul
        .page-contact .single-info ul li {
            margin-bottom: 5px;
        }

        .page-contact .single-info ul li:last-child {
            margin-bottom: 0;
        }

        .page-contact .single-info ul li a {
            font-weight: 400;
        }

            .page-contact .single-info ul li a:hover {
                color: #000;
            }

        .page-contact .single-info .title {
            margin-bottom: 10px;
            font-weight: 500;
            color: #333;
            font-size: 18px;
        }

    .page-contact .form-main {
        box-shadow: 0px 0px 15px #0000001a;
        padding: 50px;
    }

    .page-contact .form .form-group input {
        height: 48px;
        line-height: 48px;
        width: 100%;
        border: 1px solid #e6e2f5;
        padding: 0px 20px;
        color: #333;
        border-radius: 0px;
        font-weight: 400;
    }

    .page-contact .form .form-group textarea {
        height: 180px;
        width: 100%;
        border: 1px solid #e6e2f5;
        padding: 15px 20px;
        color: #333;
        border-radius: 0px;
        resize: none;
        font-weight: 400;
    }

    .page-contact .form .form-group label {
        color: #333;
        position: relative;
    }

        .page-contact .form .form-group label span {
            color: #ff2c18;
            display: inline-block;
            position: absolute;
            right: -12px;
            top: 4px;
            font-size: 16px;
        }

    .page-contact .form .button {
        margin: 0;
    }

        .page-contact .form .button .btn {
            height: 50px;
            border: none;
        }

#myMap {
    height: 500px;
    width: 100%;
}*/
/*======================================
  End Contact CSS
========================================*/

/* Mail Success */
.mail-success .mail-inner {
    text-align: center;
    background: #fff;
    padding: 0px 30px;
}

    .mail-success .mail-inner h2 {
        margin-bottom: 10px;
        display: block;
        font-weight: 600;
        color: #000;
        text-transform: uppercase;
        font-size: 30px;
    }

    .mail-success .mail-inner p {
        font-size: 14px;
        color: #333;
        margin-bottom: 30px;
        line-height: 22px;
    }

    .mail-success .mail-inner .btn {
        color: #fff;
        padding: 10px 30px;
    }

        .mail-success .mail-inner .btn i {
            margin-right: 5px;
        }

/*=============================
	Start 404 Error CSS
===============================*/
.error-page {
    background: #fff;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

    .error-page .error-inner {
        text-align: center;
        flex-direction: initial;
        height: auto;
        text-align: center;
    }

        .error-page .error-inner h2 {
            color: #000;
            margin-bottom: 0;
            font-weight: 700;
            font-size: 100px;
            display: inline-block;
            font-size: 120px;
        }

        .error-page .error-inner h5 {
            display: block;
            color: #444;
            font-size: 20px;
            margin-bottom: 20px;
            font-weight: 600;
            text-transform: capitalize;
        }

        .error-page .error-inner p {
            color: #666;
            font-weight: 400;
            line-height: 22px;
            font-size: 15px;
            padding: 0 30px;
        }

    .error-page .button {
        margin-top: 30px;
    }

        .error-page .button .btn {
            margin-right: 15px;
            border-radius: 30px;
            background: #333;
            color: #fff;
            font-weight: 600;
            font-size: 14px;
            font-weight: 500;
            border: 1px solid #d7d7d7;
            background: transparent;
            color: #333;
            padding: 10px 28px;
        }

            .error-page .button .btn:hover {
                color: #fff;
                background: #000;
                border-color: transparent;
            }
/*=============================
	/End 404 Error CSS
===============================*/
/*=============================
	/title store
===============================*/


.HomeTitle {
    display: inline-block;
   /* line-height: 42px;*/
    margin-bottom: 0;
    font-weight: 300;

    text-transform: uppercase;
}



.addtocartmini {
    /* background-color: #283444;
    background-color: #bd0926;*/
    background-color: var( --color-night);
    display: inline-block;
    color: #333;
    padding: 1px 8px;
    text-align: center;
    /* border-radius: 30px;*/
    height: 26px;
    line-height: 24px;
    /*border:1px solid #333;*/
    color: var(--bg-color);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15)
}

    .addtocartmini:hover {
        background-color: var(--default-color);
        color: var(--bg-color);
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        transition: all 0.5s ease 0s;
    }


/*=============================
	20. Start Footer CSS
===============================*/

/*=============================
	End Footer CSS
===============================*/


/*table responsive*/
/*.table-responsive-stack tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}


.table-responsive-stack td,
.table-responsive-stack th {
    display: block;

    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.table-responsive-stack .table-responsive-stack-thead {
    font-weight: bold;
}*/

@media screen and (max-width: 768px) {
    .table-responsive-stack tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-bottom: 3px solid #ccc;
        display: block;
    }
    /*  IE9 FIX   */
    .table-responsive-stack td {
        float: left\9;
        width: 100%;
    }
}


/* login*/

.formelement .group {
    position: relative;
}

.formelement input {
    font-size: 1em;
    padding: 10px 10px 10px 5px;
    -webkit-appearance: none;
    display: block;
    background: #fafafa;
    color: #636363;
    width: 100%;
    border: none;
    border-radius: 0;
    border: 1px solid #ccc;
}

    .formelement input:focus {
        outline: none;
    }




.formelement label {
    color: #333;
    font-size: 1em;
    font-weight: normal;
    pointer-events: none;
    transition: all 0.2s ease;
}
/*



#formelement input:focus ~ label, #formelement input.used ~ label {
    top: -10px;
    transform: scale(.75);
    left: -2px;

    color: #4a89dc;
}

*/

/*******/



/* vertical align snippet */


.form-row {
    position: relative;
    margin-top: 30px;
}

.form-label {
    position: absolute;
    top: 17px;
    left: 20px;
    color: #999;
    cursor: text;
    transition: all .15s ease-in-out 0s;

}

.form-textbox,
.form-submit {
    width: 100%;
}

.form-textbox {
    border:1px solid red;
}

    .form-textbox:focus ~ .form-label,
    .form-textbox:valid ~ .form-label {
        top: -1.5em;
        left: 0;
        font-size: .8em;
        color: inherit;
        cursor: pointer;
        color:cornflowerblue;
    }

.form-submit {
    transition: opacity .15s ease-in-out 0s;
}


/*******/

/*======================================
  21. Contact CSS
========================================*/
.page-contact {
    position: relative;
}


.page-contact .title h3 {
        font-size: 1.2em;
        font-weight: 500;
        margin-bottom: 5px;
        color: var(--bg-color-item-secondary);
    }

.page-contact .title h2 {
      
            font-weight: 600;
        }


  

        .page-contact .single-info i {
            color: #fff;
            font-size: 18px;
            display: inline-block;
            margin-bottom: 15px;
            height: 40px;
            width: 40px;
            display: block;
            text-align: center;
            border-radius: 3px;
            line-height: 40px;
            background: #000;
        }





    .page-contact .single-info .title {
        margin-bottom: 10px;
        font-weight: 500;
        font-size: 18px;
        color: var(--secondary-color);
    }

    .page-contact .form-main {
        box-shadow: 0px 0px 15px #0000001a;
        padding: 50px;
    }

    .page-contact .formulaire .form-group input {
        height: 48px;
        line-height: 48px;
        width: 100%;
        border: 1px solid #e6e2f5;
        padding: 0px 20px;
        color: #333;
        border-radius: 0px;
        font-weight: 400;
    }

    .page-contact .formulaire .form-group textarea {
        height: 200px;
        width: 100%;
        border: 1px solid #e6e2f5;
        padding: 15px 20px;
        border-radius: 0px;
        resize: none;
        font-weight: 400;
    }

    .page-contact .formulaire .form-group label {
  
        position: relative;
    }

        .page-contact .formulaire .form-group label span {
        
            display: inline-block;
            position: absolute;
            right: -12px;
            top: 4px;
            font-size: 16px;
        }


/*********************************************/
/*achat small item*/
.BuyWithFormatMini button {
    border: 0;
    background-color: transparent;
    color: var(--color-night);
}
.BuyWithFormatMini .dropdown {
 text-align:right;
}


/*=============================
	Start Cowndown CSS
===============================*/
.hasCountdown {
    overflow: hidden;
    text-align: center;
}

.hasCountdown .countdown_amount {
    text-align: center;
    height: 100%;

}



.CountTime .small-title {
    margin-top: 10px;
    font-size: 13px;
    color: #777;
    display: block;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: 600;
}

.CountTime .countdown_amount {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: capitalize;
    letter-spacing: 0.5em;
    color:red;
}

.CountTime s {
    margin-top: 35px;
    font-size: 24px;
    font-weight: 500;
    color: #666;
}

.CountTime .countdown_amount {

    text-align: center;
    margin-top: 10px;

    display: inline-block;
}



.CountTime .countdown_amount span {
    color: #333;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
}
.BlockPromo {background-color:red;color:#fff;display:block;text-align:center;
}


.CountTime {color:red;
}
.BlockPromo span {
    color: #fff;
}
/*=============================
	End Cowndown CSS
===============================*/
/*=============================
	form compte CSS
===============================*/
.countpage .title {
    margin-bottom: 10px;
    font-weight: 500;
    color: #333;
    font-size: 18px;
}

.countpage .form-main {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    padding: 50px;
}

.countpage .form-group input {
    height: 48px;
    line-height: 48px;
    width: 100%;
    border: 1px solid #e6e2f5;
    padding: 0px 20px;
    color: #333;
    border-radius: 0px;
    font-weight: 400;
}
/***********************************************/
/*              telechargement ebook       */
.collapse-area {
  
    margin-top:10px;
}

.collapse-area .panel {
    margin-top: 0px !important;
    border-radius: 0px !important;
    border: none;
    border-bottom-color: #D7D8DC;
    box-shadow: 0 0px 0px 0 transparent !important;
    -moz-box-shadow: 0 0px 0px 0 transparent !important;
    -webkit-box-shadow: 0 0px 0px 0 transparent !important;
    -o-box-shadow: 0 0px 0px 0 transparent !important;
}

    .collapse-area .panel .panel-heading {
        border-radius: 0px !important;

        padding: 0px !important;
        border-bottom: 0px solid #DDDEE2;
    }

        .collapse-area .panel .panel-heading .panel-title a {
            text-decoration: none;
            font-weight: bold;
            display: block;
            padding: 23px 15px;
            /*font-weight: 300;*/
            line-height: 29px;
            position: relative;
            color: var(--secondary-color);
            font-size: 1.3rem;
        }

            .collapse-area .panel .panel-heading .panel-title a:hover,
            .collapse-area .panel .panel-heading .panel-title a:active {
                text-decoration: none;
                cursor: pointer;
                transition: all 0.4s;
                -moz-transition: all 0.4s;
                -webkit-transition: all 0.4s;
                -o-transition: all 0.4s;
              
            }

            .collapse-area .panel .panel-heading .panel-title a span {
                float: left;
                margin-top: 15px;
                margin-right: 30px;
                transition: all 0.4s;
                -moz-transition: all 0.4s;
                -webkit-transition: all 0.4s;
                -o-transition: all 0.4s;
            }

            .collapse-area .panel .panel-heading .panel-title a .bar,
            .collapse-area .panel .panel-heading .panel-title a .bar:after {
                border-width: 1px;
                border-style: solid;
                width: 21px;
                border-radius: 10px;
                transition: all 0.4s;
                -moz-transition: all 0.4s;
                -webkit-transition: all 0.4s;
                -o-transition: all 0.4s;
            }

                .collapse-area .panel .panel-heading .panel-title a .bar:after {
                    content: "";
                    height: 0;
                    position: absolute;
                    top: 38px;
                    left: 15px;
                }

            .collapse-area .panel .panel-heading .panel-title a.collapsed {
                background-color: var(--bg-color-cream);
                border-bottom: 1px solid #eeeef3;
                position: relative;
                transition: all 0.4s;
                -moz-transition: all 0.4s;
                -webkit-transition: all 0.4s;
                -o-transition: all 0.4s;
            }

                .collapse-area .panel .panel-heading .panel-title a.collapsed .bar {
                    border-color: #75767F;
                }

                    .collapse-area .panel .panel-heading .panel-title a.collapsed .bar:after {
                        transform: rotate(90deg);
                        -webkit-transform: rotate(90deg);
                        -moz-transform: rotate(90deg);
                        -o-transform: rotate(90deg);
                        border-color: #75767F;
                        transition: all 0.4s;
                        -moz-transition: all 0.4s;
                        -webkit-transition: all 0.4s;
                        -o-transition: all 0.4s;
                    }

.collapse-area .panel-collapse {

}

    .collapse-area .panel-collapse .panel-body {

        border: 0px solid !important;
        line-height: 26px;
       /* margin-left: 50px;*/
        padding-bottom: 20px;
        padding-top: 0px;
 
    }


    /* modal*/
.modal-content {
    background-color: var(--bg-color);
}



/******************************************/
/*                    faq                 */
/*****************************************/
.faqpage{}
    .faqpage h3.active a, .faqpage h4.active {
        color: var(--bg-color-item);
        display: block;

    }
        .faqpage h3.active a::before, .faqpage h4.active::before {
            content: "▶"
        }
    .faqpage h3 a, .faqpage h4 {
        color: var(--secondary-color);

    }



.colorOther {
    background-color: var(--bg-color-item);
    color: #fff;
}
.LblSmall {color:#fff;
}

/******* menu categories ******************/
.nav-menu-background.active {
    opacity: 1;
    z-index: 2;
}

.nav-menu-background {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /*background: #222;
    background: rgba(0,0,0,0.75);*/
    background-color:transparent;
    opacity: 0;
    z-index: 0;
    background-size: cover;
    background-size: auto auto;
}
.modal-backdrop {
  display:none;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 230000;
    top: 0;
    left: 0;
    background-color: var(--footer-color);
    overflow-x: hidden;
    /* transition: 0.5s;*/
    /*padding-top: 60px;*/
    /*display:none;*/
    -webkit-box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.29);
    -moz-box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.29);
    box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.29);
}

    .sidenav a {
        padding: 4px 8px 4px 8px;
        text-decoration: none;
        font-size: 1em;
        /*color: #818181;*/
        color:#fff;
        display: block;
        /*transition: 0.3s;*/
        width:230px;
    }

        .sidenav a:hover {
            color: #f1f1f1;
        }

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: -50px;
        font-size: 48px;
        margin-left: 50px;
        cursor: pointer;
        z-index: 5;
        color: var(--color-white);
        background-color: var(--bg-color-item-secondary);
        width: 100px;
        padding:8px;
    }
    .sidenav::-webkit-scrollbar {
        width: 0.5em;
    }

    .sidenav::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }

    .sidenav::-webkit-scrollbar-thumb {
        background-color: darkgrey;
        outline: 1px solid slategrey;
    }
@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }
}

.sidenav li.breadcrumb-item {
    display: block;
    padding-bottom: 10px;
    /*width: 100%;*/
    width:280px;
}
.sidenav .breadcrumb-item + .breadcrumb-item::before {
    display: none !important;
    content: "*";
}
.sidenav .breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
}


.sidenav h4 a {
    color: #000;
}


.list-unstyled {
    padding-left:1em;margin-bottom:1.5em;
}

/******* fin categories ******************/
/*achat a la belle page*/
.progress {
    height: 1rem;
}
 .progress-bar {
    transition: none;
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width .6s ease;
}
/**/
/*.list-theme {background-color:antiquewhite;
}*/


.col-lg-3 .navbar {
    padding:0;
}


/*a:hover, input:hover, button:hover, select:hover,
a:focus, input:focus, button:focus, select:focus {
    font-weight: bold!important;background-color:aqua;
}*/
/* styles only for IE  */
@media all and (-ms-high-contrast:none) {
    .header.boutique .header-inner {
        background-color: #596CB1;
    }

    .btn {
        background-color: #596CB1;
    }

    .header .buying {
        display: block !important;
    }

    .header.boutique .nav-right-bar {
        float: none;
    }

        .header.boutique .nav-right-bar .item-menunav .MyIcon .total-count {
            background-color: #596CB1;
            color: #fff;
        }

    .accesscolor {
        display: none !important;
    }

    .header.boutique .search-bar .btngo {
        position: relative;
    }

    .btnchoice {
        color: #fff;
    }

    .header.boutique .all-category {
        background: #8f0050;
    }

    .NameLogin {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    h2.small-title a {
        color: #8f0050;
    }

    .boutique table {
        width: 900px;
    }

    .PagerCurrentPage {
        background-color: #596CB1;
        color: #fff;
    }

    .btn.btn-inverse {
        background-color: #fff;
        border: 1px solid #000;
        color: #596CB1;
    }

        .btn.btn-inverse.active {
            background-color: #8f0050;
        }

    .book-product .product-content p.titlebook a, .book-product .product-content p.titlebook, .TitleBook a, .TitleBook {
        color: #000;
    }

    footer {
        background-color: #596CB1;
    }
}