.header-middle {background:#000;position:relative;}

body, .bg--shaft {background:#fff;}

body.logged #accueil.slider-area {margin-top:0;}
[name="num_client"] + .nice-select {max-width:400px;margin:0 auto;width:100%;}

.logo-box::before {display:none;}
.logo-box img {display:block;}

.header {z-index:2;}
.header-top {background:#fff;border:0;color:#222;}
.header-top a, .header-top a.dropdown-toggle:not([href]):not([tabindex]) {color:#222;}
.dropdown-menu {background:#222;color:#fff;top:14px!important;}
.header-top a.dropdown-item {color:#fff;}


header .nice-select {margin-top:0!important;width:320px;}
header ul.social + div .form-row {margin-bottom:0!important;}


.header .search-form-wrapper {margin-right:20%;}
.header .bordered-icon {border-color:#ccc;}
.header-toolbar-icons li .bordered-icon, .mini-cart__ammount i {color:#ccc;}
.header .mini-cart__icon {color:#ccc;border-color:#ccc;}
.header-bottom {border:0;box-shadow:none;}
.header-bottom .container {max-width:100%;}
.mainmenu li {padding:0 10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;background:#000;}
.mainmenu__item:first-child a {padding-left:10px;}
.mainmenu li a {display:block;color:#fff;text-transform:uppercase;font-size:1.3rem;line-height:1;}
a:hover, a:not([href]):not([tabindex]):hover {color:#ffde00!important;}
.main-content-wrapper {position:relative;z-index:1;}

.header-middle::after {background:#ffde00;content:'';display:block;width:100%;height:10px;bottom:-6px;position:absolute;z-index:1;}

.form__input--3, .form__input, .shop-toolbar .product-showing .nice-select, .shop-toolbar .product-short
.nice-select, .product-modal .product-options .form-group select, #div_contenu_option .form-group select,
.quantity-input, .search-form__input {
    background-color: transparent;border: 1px solid #ccc;color: #ccc;
}
.form__input--3 { color: #333!important; }
.header-bottom .nice-select, .header-bottom .nice-select .nice-select-search {
    border: 1px solid #000!important;
    color: #000;!important;
}
.search-form__input {border-right:0;} 
.search-form__submit {background: none;border-color:#ccc;border-left:0;}
.search-form__submit:hover, .search-form__submit:focus {background:#ccc;color:#000;}

.mini-cart__count {background:#ffde00;color:#000;}

.mirora-product {background:transparent;border:1px solid #999;mix-blend-mode:multiply;position:relative;}
.mirora_product_action {width: calc(100% + 2px);left: calc(1em - 1px);border: 1px solid #999;border-top: 0;z-index: 1;background:#fff;}
.mirora-product:hover .mirora_product_action {box-shadow:none;}
.mirora-product h4, .mirora-product:hover h4, .mirora-product h4 a, .mirora-product:hover h4 a {color:#222;}
.product-action a {color:#fff;}
.product-action a.action-cart .icon_cart {color:#ffde00;transition:all 0.3s ease-in;}
.product-action a.action-cart:hover .icon_cart, .product-action a.add_cart:hover span {color:#222;}

.scroll-to-top, .tooltip-inner, .pagination li a:hover, .pagination li a.current, .btn-style-1:hover, .btn-style-2, .btn-style-3, .homepage-slider .slick-btn:hover, .homepage-slider .slick-dots li.slick-active button::before, .homepage-slider .slick-dots li button:hover::before, .form__submit:hover, .product-label.discount, .product-action a:hover, .comment .reply:hover, .primary-bg{background:#ffde00;}
.mirora-product:hover .mirora_product_action {top:0;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.5);border:0;}
.shop-product-wrap.grid .mirora-product {display:block;overflow:hidden;}
.scroll-to-top {background:#222;}
.scroll-to-top:hover {background:#ffde00;}
footer {margin-top: 4rem;background: #222;color: #fff;}

.shop-product-wrap.grid.gridview-2 > [class*="col-"] {flex:1 0 94%;max-width:94%;}

.main-content-wrapper {mix-blend-mode:multiply;}
#accueil.slider-area {margin-top:-54px;}

.shop-toolbar {border:0;}
.shop-product-wrap .mirora-product {margin:10px 5px;}

#userID {font-size:1.5rem;}

@media screen and (max-width:1300px) {
    .mainmenu__item > a {padding:1.5rem 1rem;}
    .homepage-slider .single-slider {height:50rem;}
}
@media screen and (max-width:1200px) {
    .header .search-form-wrapper {left:3%;min-width:77%;}
    #accueil + .justify-content-lg-center .col-lg-8 {max-width:90%;flex:1 0 90%;margin:0 auto;}
    .mainmenu__item > a {font-size:1.1rem!important;}
    .mainmenu li {padding:0 5px;}
    .mainmenu li a {font-size:1.1rem;}
    .homepage-slider .single-slider {height:33rem;}
}
@media screen and (max-width:640px) {
    .header-top {background:#222;color:#fff;}
    .header-top .social-round {margin-right:0!important;margin-top:40px;}
    .header-top a, .header-top a.dropdown-toggle:not([href]):not([tabindex]) {color:#fff;}
    .header .search-form-wrapper {margin-right:0;left:auto;bottom: 0;position: relative;}
    .header .logo-box {margin-bottom:1rem!important;}
    .header .search-form-wrapper {margin-bottom:1rem;}
    .header-middle {padding: 2rem 0;}
    .header-top-nav__item.user-info {flex-basis:100%;}
    .logo-box img {max-width:60%;margin:0 auto;}
    .homepage-slider {display:none;}
    .header-bottom {top:0;position:fixed!important;width:100%;}
    .footer-menu {text-align:center}
    .shop-product-wrap {align-content:flex-start;justify-content:center;}
    .header-toolbar {flex-direction:column;}
    .mini-cart__dropdown-menu {left:-88% !important;}
    .header-bottom .container {padding-left:0;}
    .header-bottom {z-index:999;}
    .dropdown-menu {top:8px!important;}
    .mainmenu li {border-radius:0;}
    #accueil.slider-area {margin-top:0;}

    aside.shop-sidebar {position:fixed;top:265px;left:-90vw;z-index:9999;background:#222;padding:15px;max-height:calc(100vh - 265px);max-width:90vw;height:100%;transition:all .5s ease-in-out;}
    aside.shop-sidebar.headerissticky {top:0;max-height:100%;height:100%;}
    aside.shop-sidebar.open {left:0;}
    aside.shop-sidebar a.filtersLink {position:absolute;top:50px;right:-30px;color:#fff;background:#222;width:30px;height:30px;display:flex;align-content:center;justify-content:center;    border-top-right-radius:5px;border-bottom-right-radius:5px;}
    aside.shop-sidebar.headerissticky a.filtersLink {top:10vh;}
    aside.shop-sidebar a.filtersLink::before {content:'\f0b0';font-family:'FontAwesome';font-size:20px;}
    .search-filter {font-size:1.3rem;line-height:1.3;overflow:auto;max-height:100%;height:100%;padding-top:50px;}
    .refine-search h3 {font-size:1.8rem;margin-bottom:1rem;}
    .product-action-wrapper .product-action-top {flex-direction:column;}
    .product-action-wrapper .product-action-top .quantity {margin-bottom:.5rem;}
    .product-action-wrapper .product-action-top .quantity .quantity-input {width:11rem;}
    .product-action-wrapper .product-action-top .quantity span {display:none;}
    .product-action-wrapper .product-action-top .btn.add-to-cart {margin-bottom:.5rem;}
    #div_modal_droite {text-align:center;}
    .quantity-input {border-color:#2d2d2d;border-right:0;}
    .cart-calculator-table + .text-md-right {text-align:center;}
    .cart-calculator-table + .text-md-right a.btn {margin-bottom:.5rem;}
    .table .quantity-input, .table td .quantity .qtybutton {border-color:#fff;}     
}

@media screen and (max-width:980px) {
    header .header-top .container {max-width:100%;}
    header .header-top .container .col-lg-8, header .header-top .container .col-lg-4 {width:50%;}
    header .header-top .container .col-lg-4 {display:flex;justify-content:flex-end;}
    header .header-middle .container .col-lg-10 {display:flex;flex-direction:row;flex:1 0 100%;max-width:100%;}
    header .header-middle .container .col-lg-10 .header-toolbar {width:100%;display:flex;flex-direction:row;}
}
@media screen and (max-width:640px) {
    header .header-top .container .col-lg-8, header .header-top .container .col-lg-4 {width:100%;}
    header .header-top .container .col-lg-4 {justify-content:center;}
    #div_commercial_client {top:5px;position:relative!important;}
    .header-bottom .nice-select, .header-bottom .nice-select .nice-select-search {border-color:#fff!important;color:#fff;}
    header .nice-select .option, .header-bottom .nice-select .nice-select-search {color:#222;}
    header .header-middle .container .col-lg-10 .header-toolbar .header-toolbar-icons {min-width:170px;}
    .header .search-form-wrapper {flex-basis:calc(100% - 170px);left:0;min-width:0;}
}