@font-face {
    font-family: "Valencia";

    src: url("./fonts/Valencia.otf");
}

/*Global*/
body {
    position: relative;
    background: linear-gradient(to top left, #807962, rgba(255, 255, 255, 0), #3E546A), linear-gradient(to top right, #353D50, #5D5C6F);
}
body, p {
    color: white;
    overflow-x: hidden;
    font-family: 'Ubuntu';
    text-align: justify;
}
.tabs {
	 box-shadow: none; 
	margin-top: 2rem;
	 background: transparent; 
	padding: 1.25rem 1.875rem;
}
#product #footer .vc_row.wpb_row.vc_row-fluid.vc_row-o-equal-height.vc_row-flex {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
#product #footer .vc_col-sm-4{
    max-width: 33.33%;
}
.page-content.page-cms {
    background: transparent;
    padding: 1.25rem;
    text-align: justify;
}
#header .header-top .position-static {
    position: static;
    text-align: center;
}

.btn-primary {
    box-shadow: 0 0 10px 3px rgba(0,0,0,0.2);
    border-radius: 29px;
    background: #3e3e3e;
    transition: all .4s ease;
    position: relative;
}

.btn-primary::after {
    top: -15%;
    left: -3%;
    position: absolute;
    content: "";
    width: 106%;
    height: 130%;
    border: 1px solid #FFDA0D;
    border-radius: 35px;
    opacity: 0.2;
    transition: all .4s ease;
}

.btn-primary:hover {
    box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.2);
    background: #212121;
}

.btn-primary:hover::after {
    opacity: 1;
}

.btn.btn-secondary {
    border-radius: 29px;
}

.btn-primary:focus, .btn-primary:active, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover {
    color: #fff;
    background-color: #FFDA0D;
    border-color: transparent;
}
.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary:disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled:hover{
    background-color:#FFDA0D;
}
.btn.add-to-cart-hover{
width: 100%;
    background: transparent;
    color: #FFDA0D;
border-top: #FFDA0D solid 1px;
border-bottom: #FFDA0D solid 1px;
}
a {
    color: #FFDA0D;
    text-decoration: none;
}

#header .top-menu a[data-depth="0"]:hover {
    color: #FFDA0D;
    text-decoration: none;
}

#header .logo {
    max-width: 115px;
    position: absolute;
    top: 6em;
}
#cookieHeader{
    display: none !important;
}
.bootstrap-touchspin .group-span-filestyle .btn-touchspin, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .group-span-filestyle .btn-default {
    background: #FFDA0D;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0;
    font-size: .875rem;
    padding: .5rem 1rem;
}

.label, label {
    color: white;
}

.card {
    position: relative;
    display: block;
    margin-bottom: .75rem;
    background-color: transparent;
    border-radius: 0;
    border: none;
    box-shadow: none;
}
.card-header {
     background-color: transparent;
     border-bottom: none;
}
.cart-grid-right {
    padding-top: 5%;
}

.card-block.cart-summary-totals .cart-summary-line.cart-total {
    background-color: transparent;
    padding: .5rem;
}

.cart-summary-line .value,
.cart-summary-line .label,
.product-line-grid-right .cart-line-product-actions,
.product-line-grid-right .product-price,
.product-line-grid-right .cart-line-product-actions .remove-from-cart, .product-line-grid-right .product-price .remove-from-cart,
.h1, .h2, .h3 {
    color: #fff;
}

.wk-product-subscription #content {
    box-shadow: none;
    background: transparent;
    color: #fff;
}
.product-price {
    color: #FFDA0D;
}

.separator {
    margin: 0;
    border-color: rgba(255, 255, 255, .25);
}

.cart-grid-body a.label:hover {
    color: #FFDA0D;
}

.has-discount .discount {
    background: #FFDA0D;
    color: #fff;
    font-weight: 600;
    padding: .3125rem .625rem;
    font-size: 1rem;
    margin-left: .625rem;
    text-transform: uppercase;
    display: inline-block;
}

.has-discount.product-price, .has-discount p {
    color: #FFDA0D;
}

.product-flags li.product-flag.discount, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount-percentage {
    background-color: #d70c0c;
}

/*.btn-primary::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: -8px;*/
/*    left: -11px;*/
/*    width: 115%;*/
/*    height: 144%;*/
/*    background-color: transparent;*/
/*    border-radius: 29px;*/
/*    border: 1px solid gray;*/
/*}*/

/*.btn-primary:hover {
    background-color: #383838;
    border-radius: 29px;
    border: none;
    color: #fff;
    box-shadow: 0px 0px 6px 0 #FFDA0D;
}

.btn-primary:hover::after {
    border: 2px solid #FFDA0D;
}*/

.product-discount, .product-prices .tax-shipping-delivery-label {
    color: #C6C6C6;
}

.flex-center > div {
    display: flex;
    justify-content: center;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Valencia";
}

@media (max-width:768px) {
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        line-height:1.3rem;
    }
}

.vc_row.vc_row-o-equal-height > .vc_column_container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.container {
    display: flex;
    flex-direction: column;
    position: relative;
}

body#checkout section.checkout-step .address-item.selected{
	background: transparent;
	border: 3px solid #FFDA0D;
}
body#checkout section.checkout-step .delivery-option {
	background: transparent;
}

body#checkout section.checkout-step .delivery-options .delivery-option {
	background:none;
}
.custom-radio input[type="radio"]:checked + span {
	display: block;
	background-color: #FFDA0D;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	position: absolute;
	left: .125rem;
	top: .125rem;
}

#wrapper {
    position: relative;
    padding-top: 10%;
}

.wrapper-part1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to top left, #5D5C6F, rgba(255, 255, 255, 0), #353D50),
    linear-gradient(to top right, #3E546A, #807962);
}

.wrapper-part2 {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to top left, #807962, rgba(255, 255, 255, 0), #3E546A),
    linear-gradient(to top right, #353D50, #5D5C6F);
}

#wrapper .breadcrumb {
    margin-top: 15px;
}

/*#module-ph_simpleblog-list #wrapper {
    margin-top: 0;
    padding-top: 0;
}*/

#main, #left-column {
    padding-top: 0;
}

#wrapper .breadcrumb li::after {
    content: ">";
    color: #D6D6D6;
    margin: .3125rem;
}

#wrapper .breadcrumb li a {
    color: #D6D6D6;
    font-family: "ubuntu";
}

.col-20 {
    width: 20%;
}

.custom-checkbox input[type="checkbox"] + span {
    border: 1px solid #232323;
    background: #FFFFFFB7;
}

.h2.product-title {
    position: relative;
}

.h2.product-title:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 20%;
    background: #FFDA0D;
    height: 2px;
}

.material-icons {
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga";
}

.yellow, .yellow p {
    color: #FFDA0D;
}

/*End Global*/




/* _______________RESPONSIVE GLOBAL_______________ */

@media (max-width: 768px) {

}
/* _______________END GLOBAL_______________ */

/*Header*/
.header-top .container {
    width: 100%;
    margin: 0 ;
    padding-top: 20px;
    position: relative;
}

.header-top::after {
    content: "";
    bottom: 0;
    width: 100%;
    height: 2px;
    position: absolute;
    background: transparent linear-gradient(90deg, #FFDA0D00 30%, #FFDA0D 48%, #FFDA0D00 75%) 0% 0% no-repeat padding-box;
}


.header-top {
    background: #3E3E3E !important;
    position: relative;
    z-index: 50;
}

.header-top > * {
    background: transparent !important;
}

#header .header-top a[data-depth="0"], #header a {
    color: #fff;
}

#header a:hover {
    text-decoration: none;
    color: #FFDA0D;
}

#header .header-nav {
    position: absolute;
    right: 0;
    border-bottom: none;
    max-height: unset;
    margin-bottom: 0;
    float: right;
    background: transparent;
    z-index: 10;
    box-shadow: none;
}

#header .header-nav .container {
    margin: 0 25px;
    align-items: end;
}

#header .header-nav .right-nav {
    justify-content: center;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
}
#header .header-nav .right-nav > * {
    margin-top: 1rem;
}

#header .header-nav .blockcart {
    text-align: left;
}

#header #_desktop_user_info {
    text-align: right;
    float: right;
    width: max-content;
}

#_desktop_user_info .user-info > a {
    position: relative;
}

#_desktop_user_info .user-info > a::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    content: "";
    width: 25%;
    background: #FFDA0D;
    height: 2px;
}

#header .header-nav .blockcart {
    background: transparent;
    height: auto;
    padding: 5px;
    margin-left: 0;
    text-align: right;
}

#header .header-nav .cart-preview.active {
    background: transparent;
}
#header .header-top .search-widget {
   display: none;
}
.popover {
    background-color: #3E3E3E;
}

.top-menu a.dropdown-submenu {
    color: #fff;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 15px;
    font-family: "ubuntu";
}

.top-menu .sub-menu {
    box-shadow: none;
    border: gray solid 1px;
    margin-left: .9375rem;
    min-width: max-content;
    width: max-content;
    z-index: 18;
    display: none;
    top: 30px !important;
}

.top-menu[data-depth="1"] {
    display: flex;
    flex-wrap: wrap;
    max-width: 360px;
}

.top-menu .sub-menu ul[data-depth="1"] > li {
    float: left;
    margin: 0 1.25rem;
    flex-basis: calc(50% - 2.5rem);
    text-align: left;
}

#header .menu, #header .menu > ul > li {
    position: relative;
}

.top-menu a[data-depth="0"],
#header .header-top a[data-depth="0"] {
    font-weight: 400;
    font-family: "ubuntu";
    font-size: 16px;
    text-transform: capitalize;
}

/*.search-widget{*/
/*    min-width: 110px;*/
/*    position: inherit;*/
/*    right: -70px;*/
/*    color: white;*/
/*    transition: right .5s ease;*/
/*}*/

.search-widget {
    right: -125px;
}

.search-widget:hover {
    right: -25px;
    transition: right .5s ease;
}

/* ANCIEN PANIER
#_desktop_cart:hover {
    right: -15px;
    transition: right .5s ease;
}

#_desktop_cart {
    background: #3E3E3E;
    border: #FFDA0D solid 1px;
    margin-top: 20px;
} */

#header .header-nav .blockcart .header {
    margin-top: 0;
}

/*.search-widget {

    border-bottom: 1px solid #FFDA0D;
}

.search-widget form input[type="text"] {
    width: 100px;
    border: none;
    padding: 5px;
    min-width: auto;
    background: transparent;
    color: white;
}

.search-widget form button[type="submit"] {
    position: relative;
    background: transparent;
    border: none;
    bottom: .3125rem;
    left: 0;
    color: white;
}

.search-widget form button[type="submit"] .search:hover {
    color: #FFDA0D;
}

.search-widget form input[type="text"]:focus {
    outline: 1px solid #FFDA0D;
    color: #232323;
    background: transparent;
}*/

#header .header-nav .material-icons {
    line-height: inherit;
    font-size: 20px;
}

#header .header-nav .cart-preview .shopping-cart {
    vertical-align: middle;
    color: white;
}

/* Panier DYLAN */
#header .header-nav #_desktop_cart .blockcart .header {
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.2);
    border-radius: 29px;
    background: #3e3e3e;
    transition: all .4s ease;
    position:relative;
    padding: .5rem 1rem;
}
#header .header-nav #_desktop_cart .blockcart .header:hover {
    box-shadow: 3px 3px 10px 3px rgba(0, 0, 0, 0.2);
    background: #212121;
}
/* FIN Panier DYLAN */

/* Search Bar Dylan */

#header .header-nav .search-widget form input[type="text"]::placeholder {
    color:white;
}
.search-widget {
    text-align: right;
}
.search-widget form input[type="text"] {
    background: transparent !important;
    border:none;
    border-bottom: 1px solid #FFDA0D;
    color:#FFDA0D;
    min-width: 150px;
    max-width:150px;
    transition: min-width .3s ease;
}
.search-widget form input[type="text"]:focus {
    background: transparent;
    outline-color: #FFDA0D;
    color:white;
    min-width:255px;
}
#header .header-nav .search-widget .search {
    color:white;
}
#header .header-nav .search-widget .search:hover {
    color:#FFDA0D;
}

/* FIN Search Bar Dylan */


/*    responsive header*/
@media (min-width: 768px ) and (max-width: 967px) {
    #header .header-nav .container {
        margin: 0;
        padding: 0;
    }

    .header-top .container > .row{
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .search-widget form button[type="submit"] {
        position: absolute;
        background: none;
        border: none;
        bottom: .3125rem;
        right: 3rem;
        color: #7a7a7a;
    }
    .search-widget form {
        position: relative;
        text-align: center;
    }
    #header .header-nav .right-nav {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        position: relative;
    }
    #header .header-nav .right-nav > * {
        margin-top: 0.6rem;
    }
    .search-widget form input[type="text"] {
        border: none !important;
    }
    .search-widget form input[type="text"]:focus {
        outline: none !important;
    }

    .h2{
        font-size: .9rem;
    }
    #main .page-content, #main .page-header {
        text-align: center;
    }
    #wrapper {
        position: relative;
        padding-top: 12%;
    }
    #header .header-nav {
        position: relative;
        float: unset;
        background: #3e3e3e;
        color: #FFDA0D;

    }
    .header-nav::after {
        content: "";
        bottom: 0;
        width: 100%;
        height: 2px;
        position: absolute;
        background: transparent linear-gradient(90deg, #FFDA0D00 30%, #FFDA0D 48%, #FFDA0D00 75%) 0% 0% no-repeat padding-box;
    }
    .header-top::after {
        display: none;
    }

    .col-20 {
        width: 100%;
    }
    #js-product-list-top {
        display: flex;
        justify-content: center;
        padding: 0 15px;
        flex-wrap: wrap;
    }


    #header .header-top {
        background: #3e3e3e;
        padding-bottom: 0;
    }
    #mobile_top_menu_wrapper {
        background: #3e3e3e;
        position: absolute;
        top: 3rem;
        width:100%;
    }
    #mobile_top_menu_wrapper .top-menu .sub-menu {
        background: #3e3e3e;
        border: none;
    }
    #mobile_top_menu_wrapper .top-menu .sub-menu li > a {
        border-bottom: none;
    }

    #header.is-open, #header.is-open .header-top {
        background-color: #3e3e3e;
    }
    #mobile_top_menu_wrapper .top-menu a[data-depth="0"] {
        border:none; /* Séparation entre les items du menu sur smartphone */
    }
    #mobile_top_menu_wrapper .top-menu .sub-menu ul {
        padding: 0 0 1em 1em;
    }
    .top-menu .sub-menu ul[data-depth="1"] > li {
        flex: 1 0 50%;
        opacity: .5;
    }
    #mobile_top_menu_wrapper .top-menu .sub-menu li > a {
        font-weight: 300;
    }

    .header-top .container {
        width: auto !important;
        margin: 0;
        padding-top: 0;
        position: relative;
    }
    #header .header-nav .container {
        margin: 0;
        width: 100vw;
        align-items: initial;
    }

    #header .header-nav .container > .row {
        margin: 0;
    }
    .search-widget, #_desktop_cart {
        right: 0;
    }

    #header .logo {
        position: relative;
        top: 0;
    }

    #header .header-nav #menu-icon {
        margin: 0;
    }
    #header .header-nav .material-icons {
        font-size: 30px;
    }
    #header .header-nav .user-info {
        margin-top: 0;
    }

    #header .header-nav .top-logo {
        text-align: center;
        padding-top: 0;

    }
    #header .header-nav .top-logo a img {
        margin-left: 60px;
        position: relative;
        top: 0;
    }
    #header #_mobile_user_info{
        margin-top: 1rem;
        margin-right: 0rem;
        color: #FFDA0D;
    }
    #header .header-nav .blockcart {
        padding: 0;
        margin-top: 1rem;
        color: #FFDA0D;
    }
    #header .header-top .search-widget {
        display: flex;
    }


}
/*  end  responsive header*/


/*End Header*/


/*HOMEPAGE*/
#index .vc_col-xs-1, #index .vc_col-sm-1, #index .vc_col-md-1, #index .vc_col-lg-1, #index .vc_col-xs-2, #index .vc_col-sm-2, #index .vc_col-md-2,
#index .vc_col-lg-2, #index .vc_col-xs-3, #index .vc_col-sm-3, #index .vc_col-md-3, #index .vc_col-lg-3, #index .vc_col-xs-4, #index .vc_col-sm-4,
#index .vc_col-md-4, #index .vc_col-lg-4, #index .vc_col-xs-5, #index .vc_col-sm-5, #index .vc_col-md-5, #index .vc_col-lg-5, #index .vc_col-xs-6,
#index .vc_col-sm-6, #index .vc_col-md-6, #index .vc_col-lg-6, #index .vc_col-xs-7, #index .vc_col-sm-7, #index .vc_col-md-7, #index .vc_col-lg-7,
#index .vc_col-xs-8, #index .vc_col-sm-8, #index .vc_col-md-8, #index .vc_col-lg-8, #index .vc_col-xs-9, #index .vc_col-sm-9, #index .vc_col-md-9,
#index .vc_col-lg-9, #index .vc_col-xs-10, #index .vc_col-sm-10, #index .vc_col-md-10, #index .vc_col-lg-10, #index .vc_col-xs-11, #index .vc_col-sm-11,
#index .vc_col-md-11, #index .vc_col-lg-11, #index .vc_col-xs-12, #index .vc_col-sm-12, #index .vc_col-md-12, #index .vc_col-lg-12 {
    position: relative;
    min-height: 1px;
 /*   padding-left: 0; */
/*    padding-right: 0; */
    box-sizing: border-box;
}

.vc_row {
    margin-left: 0;
    margin-right: 0;
}

.container-before-grid {
    margin-bottom: 0;
    /*overflow: hidden;*/
}

#index #wrapper {
    position: relative;
    background: url("../img/background.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0;
    overflow: hidden;
}

#index #wrapper::after {
    content: "";
    background: linear-gradient(to top left, #5D5C6F, rgba(255, 255, 255, 0), #353D50),
    linear-gradient(to top right, #3E546A, #807962);
    opacity: .9;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

#index #content-wrapper {
    z-index: 1;
    position: relative;
}


#index #wrapper > .container {
    margin-left: 20%;
    margin-right: 20%;
    width: 60%;
}

#index #background-grid {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: baseline;
    z-index: 1;
    pointer-events: none;
    opacity: .1;
}

#index .container-before-grid1 {
    margin-bottom: 0;
}

#index #background-grid.background-grid1 {
    margin-top: 0;
    height: 100%;
}

#background-grid > .col {
    background: transparent;
    border: solid 1px gray;
    border-top: unset;
    width: 100%;
    height: 100%;

}

#background-grid > .col:nth-child(odd) {
   /* background: rgba(255, 255, 255, .1); */
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 80%, rgba(255,255,255,0.1) 100%);
}

/*   New product */
#index .product-miniature .highlighted-informations {
    position: relative;
    padding-top: unset;
    bottom: 0;
    z-index: 2;
    background: transparent;
    text-align: center;
    width: 250px;
    height: 3.125rem;
    box-shadow: none;
    transition: bottom .3s;
}

.product-miniature .product-description {
    width: auto;
}

#products .thumbnail-container:focus .highlighted-informations, #products .thumbnail-container:hover .highlighted-informations,
.featured-products .thumbnail-container:focus .highlighted-informations,
.featured-products .thumbnail-container:hover .highlighted-informations,
.product-accessories .thumbnail-container:focus .highlighted-informations,
.product-accessories .thumbnail-container:hover .highlighted-informations,
.product-miniature .thumbnail-container:focus .highlighted-informations,
.product-miniature .thumbnail-container:hover .highlighted-informations {
    bottom: unset;
}


#index .product-miniature .product-description, #index .product-miniature .thumbnail-container,
#manufacturer .product-miniature .product-description, #manufacturer .product-miniature .thumbnail-container {
    position: relative;
    z-index: 3;
    background: transparent;
    width: auto;
    bottom: 0;
    height: auto;
    padding: 0 13px;
    margin-bottom: 0;
    text-align: justify;
    color: #c6c6c6;
}

#index .product-miniature .thumbnail-container .product-thumbnail img,
#manufacturer .product-miniature .thumbnail-container .product-thumbnail img {
    max-width: 100%;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#index .product-miniature .thumbnail-container .product-thumbnail,
#manufacturer .product-miniature .thumbnail-container .product-thumbnail {
    height: auto;
    padding: 25px;
}

#index .product-miniature .variant-links, #index .product-miniature .thumbnail-container,
#manufacturer .product-miniature .variant-links, #manufacturer .product-miniature .thumbnail-container {
    background: transparent;
    box-shadow: none;
}

.product-miniature .products {

    display: flex;
    justify-content: center;
    align-items: baseline;
}

#index .product-miniature .product-miniature,
#manufacturer .product-miniature .product-miniature {
    margin: 0;
    flex-basis: 25%;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

#index .product-grid-wrapper.product-miniature.vc-smart-supplier-products-grid,
#manufacturer .product-grid-wrapper.product-miniature.vc-smart-supplier-products-grid {
    padding: 0;
}

.more {
    box-shadow: 0 0 10px 3px rgba(0,0,0,0.2);
    width: 150px;
    height: 45px;
    border-radius: 29px;
    opacity: 1;
    align-items: center;
    display: flex;
    justify-content: center;
    background: #3e3e3e;
    transition: all .4s ease;
}

.more::after {
    position: absolute;
    content: "";
    width: 160px;
    height: 55px;
    border: 1px solid #FFDA0D;
    border-radius: 35px;
    opacity: 0.2;
    transition: all .4s ease;
}

.more:hover {
    box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.2);
    background: #212121;
}

.more:hover::after {
    opacity:1;

}

.more p {
    color: white;
}

#index .product-title {
    font-family: 'Ubuntu', sans-serif;
    padding-left: 5px;
    padding-bottom: 10px;
    text-align: left;
    color: white;
}

.new-products-container .vc_column-inner > .wpb_wrapper {
    display:flex;
    flex-direction: column;
    align-content: space-between;
    justify-content: space-between;
    min-height:265px;
}

.new-products-container .vc_column-inner > .wpb_wrapper > div {
	margin: 0;
}
/*end New product homepage*/

/*description article*/

.post-date {

}

h3.post-title a {
    color: #FFDA0D;
    font-family: 'Montserrat';
    font-size: 30px;
}

.post-description {
    color: white;
}

/* end description article*/

/*Blog */

#index .simpleblog__listing__post__wrapper {
    border: none;
}

#index .owl-prev {
    width: 50px;
    font-size: 40px !important;
    height: 50px;
    padding: 0em;
    position: absolute;
    top: 40%;
    left: -5%;
    display: block !important;
}

#index .owl-next {
    width: 50px;
    font-size: 40px !important;
    height: 50px;
    padding: 0em;
    position: absolute;
    top: 40%;
    right: -5%;
    display: block !important;
}

#index .owl-carousel-blog .owl-stage-outer {
    overflow: visible;
}

#index .owl-carousel-blog .owl-item {
    opacity: .2;
    pointer-events: none;
}

#index .owl-carousel-blog .owl-item.active {
    opacity: 1;
}

#index .simpleblog__listing__post__wrapper {
    background: transparent;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 1.563rem;
    overflow: hidden;
}

#index .container-blog-categorie {
    position: relative;
}

#index .blog-categorie-bottom {
    position: absolute;
    min-width: 100px;
    right: 0;
    bottom: 0;
    text-align: center;
    color: #FFDA0D;
    z-index: 3;
}

#index .blog-categorie-bottom::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 8%;
    transform: skewX(-15deg);
    background: rgba(0, 0, 0, .5);
    z-index: -1;
}

/*#index .page-module-ph-simpleblog-list #wrapper {
    padding-top:150px;
}*/

/*End Blog */

/*Carousel instagram */
#index #csinstagramfeed h4,
#index #csinstagramfeed2 h4 {
    text-align: center;
    font-weight: 300;
    font-family: 'Ubuntu';
}
#index #bxslider-instagram ,
#index #bxslider-instagram2 {
    display: flex;
    justify-content: space-between;
}

#index .instagram-list::after,
#index .instagram1-list::after {
    content: "";
    bottom: 0;
    width: 100%;
    height: 2px;
    position: absolute;
    background: transparent linear-gradient(90deg, #FFDA0D00 25%, #FFDA0D 48%, #FFDA0D00 75%) 0% 0% no-repeat padding-box;
}

#index .instagram-list.row,
#index .instagram1-list.row {
    margin: 0;
}


/* End Carousel instagram */

/*responsive homepage*/
@media (max-width: 768px) {
    #blockcart-modal .product-name {
        padding: 0 .5rem
    }

    #blockcart-modal .modal-body .divide-right span {
        display: block;
        padding: 0 .5rem
    }

    #blockcart-modal .product-price {
        padding: 0 .5rem
    }

    #index #wrapper > .container {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    #index .owl-prev {
        top: 50%;
        left: -9%;
    }

    #index .owl-next {
        top: 50%;
        right: -10%;
    }
    #index .product-description p {
        font-size: 13px;
    }
    #index .instagram1-carousel-container{
        margin-top: 10%;
    }

    .

}

/* end responsive homepage*/

/* END HOMEPAGE*/

/*       _________________________     HOME PAGE BIS _____________________*/
.cms-id-12 h1 {
    font-weight:400;
}
.cms-id-12 h3, .cms-id-12 h4 {
    font-family: "ubuntu", sans-serif;
    text-align:left;
    padding-top: .6em;
}
.cms-id-12 h4 {
    font-weight: 400;
    text-transform: uppercase;
    font-size: .9em;
    opacity: .5;
    letter-spacing: .1em;
}
.cms-id-12 h3 {
    font-weight:400;
    font-size:1.5em;
}

.cms-id-12 .vc_col-sm-3 {
    margin-bottom:3em;
}
.cms-id-12 .new-products-container .wpb_single_image {
    z-index:1;
    overflow: hidden;
}

.cms-id-12 .new-products-container .wpb_single_image::before {
    content: "";
    width:100%;
    height:200%;
    display:block;
    position: absolute;
    background: rgb(255,255,255);
    background: linear-gradient(13deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.4) 50%, rgba(255,255,255,0) 100%);
    transition: all .3s ease;
    opacity:.5;
    pointer-events: none;
}

.cms-id-12 .new-products-container .wpb_single_image:hover::before {
    transform: translateY(-20%);
    opacity:1;
}

.cms-id-12 .vc_col-sm-3::after {
    display: block;
    content: "";
    padding-top: 10px;
    width: 40%;
    border-bottom: 2px solid #FFDA0D;
    transition: all .3s ease;
}
.cms-id-12 .vc_col-sm-3:hover::after {
    width:100%;
}

/*       _________________________     END HOME PAGE BIS _____________________*/

/*CATALOG PAGE*/
#products {
    color: white;
}

#search_filters, #search_filters_brands, #search_filters_suppliers {
    background: #FFFFFF3B;
}

#search_filters .facet .facet-title, #search_filters_brands .facet .facet-title,
#search_filters_suppliers .facet .facet-title, #search_filters .facet .facet-label a,
#search_filters_brands .facet .facet-label a, #search_filters_suppliers .facet .facet-label a {
    color: white;
    font-family: "ubuntu";
    font-size: 15px;
    font-weight: 200;
    text-transform: uppercase;
}

#search_filters .facet .facet-title {
    font-weight: 600;
}

#js-product-list-top {
    display: flex;
    justify-content: start;
    padding: 0 15px;
}

.products-sort-order .select-title {

    padding-right: 0;
    padding-left: 4px;
}

.products-selection .sort-by {
    margin-right: 0;
    margin-left: 0;
    text-align: right;
}

#js-product-list-top > div {
    padding: 0;
}

.block-categories {
    display: none;
}

#category #wrapper .breadcrumb {
    display: none;
}

#category .block-category.card.card-block {
    display: none;
}

#category #background-grid {
    position: absolute;
    width: 100%;
    height: 110%;
    display: flex;
    justify-content: center;
    align-items: baseline;
    padding-right: 30px;
    z-index: 1;
    pointer-events: none;
    opacity: .1;
    margin-top: -15%;
}
#category #background-grid > .col {
    background: transparent;
    border: solid 1px gray;
    border-top: unset;
    width: 100%;
    height: 100%;
    flex-basis: 20%;
}

#category #background-grid > .col:nth-child(odd) {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 80%, rgba(255,255,255,0.1) 100%);

}

#category #wrapper .container {
    margin-left: 83.5px;
    margin-right: 83.5px;
    width: calc(100% - 167px);
    flex-direction: inherit;
}

.products-sort-order .select-title {
    display: inline-block;
    width: 100%;
    color: #232323;
    background: #fff;
    padding: 0;
    padding-left: 5px;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, .25);
    box-shadow: none;
}

#category #products .product-miniature .highlighted-informations {
    position: relative;
    padding-top: unset;
    bottom: 0;
    z-index: 2;
    background: transparent;
    text-align: center;
    width: 250px;
    height: 3.125rem;
    box-shadow: none;
    transition: bottom .3s;
}

.product-miniature .product-description {
    width: auto;
    height: auto;
}

#products .thumbnail-container:focus .highlighted-informations, #products .thumbnail-container:hover .highlighted-informations,
.featured-products .thumbnail-container:focus .highlighted-informations,
.featured-products .thumbnail-container:hover .highlighted-informations,
.product-accessories .thumbnail-container:focus .highlighted-informations,
.product-accessories .thumbnail-container:hover .highlighted-informations,
.product-miniature .thumbnail-container:focus .highlighted-informations,
.product-miniature .thumbnail-container:hover .highlighted-informations {
    bottom: unset;
}

#category #products .product-miniature .product-description,
#category #products .product-miniature .thumbnail-container {
    position: relative;
    z-index: 3;
    background: transparent;
    width: auto;
    bottom: 0;
    height: auto;
    margin-bottom: 0;
    text-align: left;
}

#category #products .product-miniature .product-description {
    padding: 0;
    width: 100%;

}

#category #products .product-miniature .thumbnail-container .product-thumbnail img {
    max-width: 100%;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

#category #products .product-miniature .thumbnail-container .product-thumbnail {
    height: auto;
    padding: 25px;
    color: #FFDA0D;
    text-align: center;
}

#category #products .product-miniature .thumbnail-container .product-thumbnail:hover {
    text-decoration: underline #FFDA0D;
    transition: all .6s ease;
}

#category #products .product-miniature .variant-links, #category #products .product-miniature .thumbnail-container {
    background: transparent;
    box-shadow: none;
}

#category #products .product-miniature .products {

    display: flex;
    justify-content: center;
    align-items: baseline;
}

#category #products .product-miniature {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 14px;
}

#category #products .product-grid-wrapper.product-miniature.vc-smart-supplier-products-grid {
    padding: 0 15px;
}

#category #products .products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

#category .product-miniature.js-product-miniature {
    flex-basis: 20%;

}

#products .product-title a {
    font-size: 1em;
}

#category .product-title {
    font-family: 'Ubuntu', sans-serif;
    padding-left: 5px;
    padding-bottom: 10px;
    text-align: left;
    color: white;
}

#category .product-description p {
    color: #C6C6C6;
}

#category .products .hover-product {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    background: transparent;
    transition: all .3s ease;
    opacity: 0;
}

#category .hover-product > * {
    width: 100%;
}

#category .products .thumbnail-container:hover > .hover-product {
    background: rgba(56, 56, 56, .9);
    opacity: 1;
    transition: all .3s ease;
}

.product-price-and-shipping {
    border-top: #FFDA0D 1px solid;
    border-bottom: #FFDA0D 1px solid;
}

.btn-add-cart {
    background: transparent;
    border: #FFDA0D solid 1px;
    width: auto !important;
    color: #FFDA0D;
    padding: 5px;
    font-size: 15px;
    transition: all .5s ease-in;
}

.btn-add-cart .shopping-cart {
    font-size: 15px;
    position: absolute;
    opacity: 0;
}

.btn-add-cart:hover .shopping-cart {
    position: relative;
    opacity: 1;
    transition: opacity .5s ease-in;
}

#category #products .regular-price,
#category .featured-products .regular-price,
#category .product-accessories .regular-price,
#category .product-miniature .regular-price,
#category #products .price {
    margin-top: 10%;
    font-size: 25px;
}

#category #products .product-price-and-shipping,
.featured-products .product-price-and-shipping,
.product-accessories .product-price-and-shipping,
.product-miniature .product-price-and-shipping {
    padding: 5px;
    color: #FFDA0D;
    font-weight: 400;
    text-align: center;
}

.pagination .page-list {
    background: transparent;
    box-shadow: none;
}

.pagination a {
    color: white;
    font-weight: 600;
}

.pagination .current a {
    color: #FFDA0D;
}

#category .active_filters {
    background: #FFFFFF3B;
    position:relative;
}

@media (max-width: 768px) {
    #category #left-column #search_filters .facet,#category #left-column #search_filters {
        border: 1px solid #FFDA0D;
    }
    #category #background-grid > .col {
        background: transparent;
        border: solid 1px gray;
        border-top: unset;
        width: 100%;
        height: 100%;
        flex-basis: auto;
    }
    #category #wrapper .container {
        margin :0;
        width: 100%;
        display: block;
    }

    #category #background-grid {
        padding-right: 0;
    }

    #category #products .products {
        justify-content: center;
    }
    #category #js-product-list-top .showing {
        padding: 0 15px;
    }
}
@media (min-width: 768px) and (max-width: 1168px) {
    #category #wrapper .container {
        margin-left: auto;
        margin-right: auto;
        width: 100% ;
    }
    #left-column{
        width: 25%;
    }
   #category #background-grid{
        display: none;
    }
}

/* recherche page */

.page-search .product-description {
    display:none;
}

/* END CATALOG PAGE*/

/*  product PAGE*/

#blockcart-modal {
    color: #fff
}

#blockcart-modal .modal-header {
    background: #3E3E3E
}

#blockcart-modal .modal-header .close {
    opacity: 1
}

#blockcart-modal .modal-header .close .material-icons {
    color: #fff
}

#blockcart-modal .modal-body {
    background: #3E3E3E;
    padding: 3.125rem 1.875rem
}

#blockcart-modal .modal-body .divide-right span {
    display: inline-block;
    margin-bottom: .3125rem
}

#product .product-information {
    color: #fff;
}

#product #wrapper > .container {
    margin-left: 20%;
    margin-right: 20%;
    width: 60%;
}

#blockcart-modal .modal-dialog {
    max-width: 1140px;
    width: 100%
}

#blockcart-modal .product-image {
    width: 100%;
    max-width: 9.375rem;
    display: block;
    margin: 0 0 0 auto
}

#blockcart-modal .modal-title {
    color: #fff;
    font-size: 1rem;
    font-weight: 400
}

#blockcart-modal .modal-title i.material-icons {
    margin-right: 1.875rem;
    color: #4cbb6c
}

#blockcart-modal .product-name {
    color: #FFDA0D;
    font-size: 1.125rem
}

#blockcart-modal .product-price {
    color: #fff;
    display: block
}

#blockcart-modal .cart-content {
    padding-left: 2.5rem
}

#blockcart-modal .cart-content p {
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 .5rem
}

#blockcart-modal .cart-content p.product-total {
    background-color: transparent;
    padding: .5rem
}

#blockcart-modal .cart-content p.cart-products-count {
    font-size: 1rem;
    color: #c6c6c6;
    font-weight: 600
}

#blockcart-modal .cart-content p.product-tax {
    display: inherit;
    font-size: .875rem
}

#blockcart-modal .cart-content p .label, #blockcart-modal .cart-content p .value {
    font-weight: 600;
    color: white;
}

#blockcart-modal .cart-content .cart-content-btn {
    display: -ms-inline-flexbox;
    display: inline-flex
}

#blockcart-modal .cart-content .cart-content-btn button {
    margin-right: .9rem
}

#blockcart-modal .cart-content .cart-content-btn .btn {
    white-space: inherit
}

#blockcart-modal .divide-right {
    border: none;
}

.tax-shipping-delivery-label {
    display: none;
}

#product h1:after {
    position: absolute;
    bottom: -10px;
    left: 0;
    content: "";
    width: 20%;
    background: #FFDA0D;
    height: 2px;

}

#product h1 {
    font-size: 27px;
    font-family: "Ubuntu";
    color: white;
    position: relative;

}

#product #product-description-short-1 p {
    font-family: "valencia";
    color: #C6C6C6;
    font-size: 15px;

}

#product .product-description {
    font-family: "ubuntu";
    font-size: 20px !important;
}

#product #wrapper .container {
    position: relative;
    overflow: visible;
}

#product #background-grid-product {
    position: absolute;
    width: 100%;
    height: 110%;
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin-top: -20%;
   z-index: 0;
    pointer-events: none;
    opacity: .1;
}

#background-grid-product > .col {
    background: transparent;
    border: none;
    border-top: unset;
    width: 100%;
    height: 100%;

}

#background-grid-product > .col:nth-child(odd) {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 80%, rgba(255,255,255,0.1) 100%);

}

#product .product-quantity .add {
    margin-left: 2em;
}
#product .current-price {
    color: #FFDA0D;
    font-size: 1.5rem;
}
#product .fade {
    opacity:1;
}
#product .product-manufacturer {
    display:none;
}
#product .product-features > dl.data-sheet dt.name, #product .product-features > dl.data-sheet dt.name:nth-of-type(2n) {
    background:none;
    border-bottom: 1px solid #FFDA0D;
}
#product .product-features > dl.data-sheet dd.value, #product .product-features > dl.data-sheet dd.value:nth-of-type(2n) {
    background:rgba(40,40,40, .1);
}

#product .product-accessories{
    padding: 0;
    margin-left: 15px;
}
#product .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description {
    position: relative;
    background: transparent;
}
#product .h2.product-title{ font-size:15px}
#product .h2.product-title::after {
    position: absolute;
    bottom: -10px;
}
#product .product-accessories .products > article{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    flex-basis: 25%;
}
#product .product-accessories .products > article > .thumbnail-container{
    height: auto;
}

.product-accessories .thumbnail-container, .product-miniature .thumbnail-container {
    background: transparent;
    box-shadow: none;
    margin-top: 2rem;
    margin-bottom: 0;
}
.thumbnail.product-thumbnail{
    box-shadow: none;
}

/*       _________________________     RESPONSIVE PRODUCT _____________________*/
@media screen and (max-width: 768px) {
    #product #wrapper .container {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    #product h1 {
        line-height: normal;
    }
    #product .product-prices {
        margin-top: 1.5rem;
    }
    #product .product-quantity {
        flex-direction: column;
    }
    #product .product-quantity .qty {
        margin-bottom:30px;
    }
    #product #background-grid-product {
        display:none;
    }
    #product .product-features > dl.data-sheet dt.name {
        flex: 1 0 60%;
    }
    #product .products, .featured-products .products, .product-accessories .products, .product-miniature .products {
        justify-content: center;
    }

    #product .h2.product-title{ letter-spacing: 5px}
}

@media screen and (max-width: 1024px) and (min-width: 968px) {
    #product #wrapper > .container {
        margin-left: 10%;
        margin-right: 10%;
        width: 80%;
    }
   #product #background-grid-product{
        display: none;
    }
}

/* END product PAGE*/

/*blog page*/
.simpleblog__listing__post__wrapper__content {
    padding: 0 1.25rem;
}

.simpleblog__listing__post__wrapper {
    background: #FFFFFF2E;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #FFFFFF89;
    box-shadow: none;
    margin-bottom: 45px;
}

.simpleblog__listing__post__wrapper > a {
    /*display: flex;*/
    /*justify-content: center;*/
    padding-top: 2em;
    padding-bottom: 2em;
}

.post-date-container {
    padding-left: 35px;
    padding-bottom: 15px;
    font-family: "ubuntu";
}

#index .post-date-container {
    text-transform: uppercase;
    padding-bottom: 15px;
    padding-left: 0;
    font-size: 13px;
    font-family: "ubuntu";
}

.post-date {
    font-weight: bold;
}

@media screen and (max-width:768px) {
    #module-ph_simpleblog-list #content .row .simpleblog__listing__post .img-fluid.photo {
        padding:0 1rem;
    }
}
/* End blog page*/

/*Cms page*/

/* _______________FAQ_______________ */
.cms-id-8 .ui-state-active, .cms-id-8 .ui-state-default, .cms-id-8 .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header {
    background:none;
    background-color: transparent;

}
.cmd-id-8 .ui-state-default a, .cms-id-8 .ui-state-default a:link, .cms-id-8 .ui-state-default a:visited {
     color: #ffe174;
 }

.cms-id-8 .ui-state-active a, .cms-id-8 .ui-state-active a:link, .cms-id-8.ui-state-active a:visited {
    color: #FFDA0D;
}

.cms-id-8 .ui-state-hover a, .cms-id-8 .ui-state-hover a:hover, .cms-id-8 ui-state-hover a:link, .cms-id-8 .ui-state-hover a:visited {
    color: #FFDA0D;
}

.cms-id-8 .ui-state-default, .cms-id-8 .ui-widget-content .ui-state-default, .cms-id-8 .ui-widget-header .ui-state-default {
    border:none;
}

.cms-id-8 .ui-widget-content {
    border:none;
    background-color: rgba(0,0,0,.2);
}
.cms-id-8 .ui-accordion .ui-accordion-content {
    background-color: rgba(0,0,0,.2);
    border-radius: 10px;
}
.cms-id-8 .ui-widget-content a {
    color:#FFDA0D;
}
/* _______________RESPONSIVE FAQ_______________ */
@media screen and (max-width: 768px) { /*
    .cms-id-8 .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a, .cms-id-8 .wpb_content_element .wpb_accordion_header a {
        padding:0;
    } */
    .cms-id-8 .ui-accordion .ui-accordion-icons {
        padding:0;
    }
    .cms-id-8 .page-content.page-cms {
        padding:0;
    }
    .cms-id-8 .wpb_alert p:last-child, .cms-id-8 #content .wpb_alert p:last-child, .cms-id-8 .wpb_text_column p:last-child, .cms-id-8 .wpb_text_column *:last-child, .cms-id-8 #content .wpb_text_column p:last-child, .cms-id-8 #content .wpb_text_column *:last-child, .cms-id-8 .wpb_toggle_content p:last-child {
        text-align: left;
    }

}

@media screen and (max-width: 968px) {

}

@media screen and (min-width: 1168px) {

}
/* _______________FIN RESPONSIVE FAQ_______________ */
/* _______________FIN FAQ_______________ */

/*Qui sommes nous */

.cms-id-6 .page-content.page-cms, .cms-id-6 #wrapper .vc_row.wpb_row.vc_row-fluid.no-background {
    background: transparent;
}

.cms-id-6 #wrapper .vc_row.wpb_row.vc_row-fluid {
    background: #434343;
    padding-top: 10%;
    margin: 0;
}

@media screen and (min-width: 968px) {

    .cms-id-6 #anchor {
        position: fixed;
        top: 40%;
        right: 4%;
        width: max-content;
        height: auto;
        background: rgba(0, 0, 0, .3) !important;
        padding: 0 !important;
        z-index: 15;
    }

    .cms-id-6 a {
        color: inherit;
    }

    .cms-id-6 a:hover {
        color: #FFDA0D;
    }

    .cms-id-6 .wpb_content_element {
        padding-top: 10px;
      /*  margin: 0;*/
    }

    .cms-id-6 #equipe .wpb_content_element.yellow {
        margin: 0;
    }
}

@media (max-width: 900px) {
    .cms-id-6 #anchor {
        display: none;
    }
}
/* End Qui sommes nous */

/*End Cms page*/

/*qui sommes nous Page*/
.h1-who {
    font-family: "valencia";
}

.h2-who-left, .h2-who-right {
    border: 1px #FFFFFFC1 solid;
    font-family: "ubuntu";
    background: #FFFFFF1F 0 0 no-repeat padding-box;
    padding: 25px;
    text-align: center;
    position: relative;
}

.overflow-left img, .overflow-right img {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
}

.h2-who-left, .overflow-left {
    left: -20%;
}

.h2-who-right, .overflow-right {
    right: -20%;
}

.cms-id-6 #wrapper .vc_row.wpb_row.vc_row-fluid.flex {
    display: flex;
    padding: 0 14%;
    padding-top: 90px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap:nowrap;
}

.cms-id-6 #wrapper .flex > * {
    flex-basis: 20%;
}

.flex-bottom-container > * {
    /*flex-basis: 33%;*/
    padding: 0;
}

.flex-bottom-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.flex-bottom-container {
    font-family: "valencia";
    font-size: 18px;
    text-transform: uppercase;
}

.period p {
    font-family: "ubuntu";
    font-size: 18px;
    text-align: center;
}

.periodic p {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    font-family: "valencia";
    text-transform: uppercase;
}

.cms-id-6 .counter-align {
    align-items: stretch;
}

.cms-id-6 .counter-align .vc_col-sm-4 .vc_column-inner > * {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.cms-id-6 .counter-align .vc_col-sm-4 .vc_column-inner .wpb_wrapper > * {
    margin:0;
}

.cms-id-6 .stats-block, .cms-id-6 .wpb_row .wpb_column .wpb_wrapper .stats-block {
    margin-bottom:0;
}

.cms-id-6 #magazines-2 {
    padding-bottom: 50px;
}

@media screen and (max-width: 768px) {

    .cms-id-6 .h1, .cms-id-6 .h2, .cms-id-6.h3, .cms-id-6 .h4, .cms-id-6 .h5, .cms-id-6 .h6,
    .cms-id-6 h1, .cms-id-6 h2, .cms-id-6 h3, .cms-id-6 h4, .cms-id-6 h5, .cms-id-6 h6 {
        font-weight: 400;
    }

    .cms-id-6 .h2-who-left, .overflow-left {
        left:0;
    }

    .cms-id-6 .h2-who-right, .overflow-right {
        right: 0;
    }

    .cms-id-6 #wrapper .vc_row.wpb_row.vc_row-fluid.flex {
        display: flex;
        padding: 0;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-wrap:wrap;
    }
    .cms-id-6 #equipe .wpb_content_element.vc_align_left {
        margin-bottom:0;
    }

    .cms-id-6 #equipe .wpb_content_element.yellow {
        margin-bottom: 0;
    }

    .cms-id-6 .row-reverse {
        display:flex;
        flex-direction: column-reverse;
    }
    .cms-id-6 .row-reverse > * {
        /*flex-basis: 100%;*/
        width:100%;
    }
    .cms-id-6 .wpb_wrapper h1 {
        text-align:center;
    }
    .cms-id-6 #content {
        padding:0;
    }
    .cms-id-6 .counter-align {
        flex-direction: column;
    }
    .cms-id-6 .counter-align .vc_col-sm-4 .vc_column-inner > * {
        flex-direction: column;
    }
    .cms-id-6 .counter-align .vc_col-sm-4 .vc_column-inner .wpb_wrapper .yellow {
        margin-bottom: 0;
    }
    .cms-id-6 #magazines-2 {
        padding-bottom: 0;
    }
    .cms-id-6 .counter-align > * {
        margin-bottom: 20px;
    }
    .cms-id-6 #magazines-2 {
        display:flex;
        flex-direction: column-reverse;
    }
}
@media screen and (min-width: 768px) and (max-width: 968px) {
    .cms-id-6 #wrapper .flex > * {
        flex-basis: 26%;
    }
    .cms-id-6 #wrapper .vc_row.wpb_row.vc_row-fluid.flex {
        flex-wrap: wrap;
    }
}
/*END qui sommes nous Page*/


/* login Page*/

.page-addresses .address, .page-authentication #content {
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2);
    background: #383838;
}

/*END login Page*/

/*Contact page*/
#contact .breadcrumb {
    width: 100%;
    visibility: hidden;
}

#contact #wrapper .container {
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
}

.contact-form {
    background: transparent;
    padding: 1rem;
    color: #7a7a7a;
    width: 100%
}

.contact-form h3 {
    text-transform: uppercase;
    color: #232323
}

#contact .block-contact {
    padding-top: 0;
    text-align: left;
    display: block;
    justify-content: center;
    color: #bababa;
}

#contact #wrapper .block-contact {
    font-size:.6em;
}

#contact .contact-form h3 {
    text-transform: uppercase;
    color: #fff;
}

#contact #left-column {
    padding-top: 2.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 2rem;
    font-size: 1.5rem;
}

#contact .form-control:focus {
    outline-color: #FFDA0D;
    border:none;
}

@media (max-width: 968px) {
    #contact #wrapper .container {
        flex-direction: column;
    }
    #contact #wrapper .container > div {
        width: 100%;
    }
    #contact #wrapper .container #left-column {
        align-items: flex-start;
    }
}

/*End Contact page*/

/*brand page*/
#manufacturer #wrapper .container {
    width: 65%;
}

.container-list-brand {
    display: inline-block;
}

.brand {
    position: relative;
    z-index: 1;
    display: flex;
    float: left;
    padding: 10px;
    text-align: center;
    width: 20%;
    align-items: center;
    flex-direction: column;
}

.brand:hover {
}

.brand-infos {
    text-align: center;
}

.brand-products {
    display: none;
}

.brand-img {
    width: 200px;
    height: 100px;
}

#manufacturer #background-grid {
    position: absolute;
    width: 100%;
    height: 150%;
    display: flex;
    justify-content: center;
    align-items: baseline;
    padding-right: 30px;
    z-index: 1;
    pointer-events: none;
    opacity: .1;
    margin-top: -15%;
}
#manufacturer #background-grid > .col {
    background: transparent;
    border: solid 1px gray;
    border-top: unset;
    width: 100%;
    height: 100%;
    flex-basis: 20%;
}

#manufacturer #background-grid > .col:nth-child(odd) {
    background: rgba(255, 255, 255, .2);

}

#manufacturer #products .product-miniature {
    flex-basis: 20%;
    max-width: 20%;
    margin: 10px;
}

#manufacturer #products .products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: space-between;
    align-items: center;
}

#manufacturer .h2 {
    font-size: 1rem;
}

#manufacturer .h2.product-title::after {
    position: absolute;
    bottom: -5px;
    left: 0;
    content: "";
    width: 20%;
    background: #FFDA0D;
    height: 2px;
}

/*brand page*/
/*FOOTER*/
.footer-container {
    margin-top: 0;
    box-shadow: none;
}

footer#footer {
    background-color: #383838;
    position: relative;
    z-index: 20
}

#category .footer-container .container {
    flex-direction: column;
}

#footer .block-contact {
    text-align: left;
    display: flex;
    justify-content: center;
    color: #bababa;
    flex-direction: column;
}

#footer .block-contact .shop-name {
    margin-top: -14px;
    padding-bottom: 104px;
    font-weight: bold;
}

.footer-newsletter {
    background: #616161;
    padding: 15px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.footer-input {
    background: #616161;
    border: none;
    border-bottom: #FFDA0D 1px solid;
    height: 50px;
    width: 100%;
    color:white;
    transition: all .3s ease;
}

.footer-input::placeholder, .footer-input:active::placeholder {
    color: white;
}

/*.footer-input::placeholder, .footer-input:focus {
    color: white;
}*/

.footer-input:focus {
    background-color: #292929;
    outline: none;
}

.footer-submit {
    font-size: 15px;
    padding: 15px;
    border: none;
    color: white;
    background: #FFDA0D;
    transition: all .3s ease;
}

.footer-submit:hover {
    z-index:1;
    background: #a89008;
    color:#FFDA0D;

}

.flex.footer.partenaires .wpb_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap:wrap;
}

.flex.footer.partenaires .wpb_wrapper > * {
    opacity: .5;
    transition: opacity .5s ease;
    flex: 1 0 160px;
    text-align: center;
}
.flex.footer.partenaires .wpb_wrapper > *:hover {
    opacity:1;
}

#footer .footer-container:nth-last-child(n) p { /* copyright */
    text-align: center;
}
#footer .footer-container:nth-last-child(n) a:visited { /* copyright */
    color:#FFDA0D;
}
@media screen and (max-width: 768px) {
    #footer .block-contact {
        padding-left: 0;
    }

    #footer .block-contact .shop-name {
        margin-top: 0;
        padding-bottom: 0;
    }

    .flex.footer.partenaires .wpb_wrapper > * {
        opacity: .5;
        transition: opacity .5s ease;
        flex: 1 0 110px;
        text-align: center;
        margin: .5rem;
    }
}
@media screen and (max-width: 968px) {
/*    .flex.footer.partenaires .wpb_wrapper {
        flex-wrap: wrap;
    }*/
    #blockEmailSubscription_footer{
        padding:0 1em;
        text-align: justify;
    }
    #footer .block-contact {
        text-align: center;
        margin-bottom: 1em;
    }
    #footer .flex-center{
        margin-bottom: 0;
    }
    #footer .flex-center > div {
        justify-content: flex-start;
    }
    #footer .vc_row.vc_row.wpb_row.vc_row-fluid.vc_row-o-equal-height.vc_row-flex {
        flex-direction: column;
        align-items: center;
    }
    #footer .vc_row.vc_row.wpb_row.vc_row-fluid.vc_row-o-equal-height.vc_row-flex > * {
        width: 100%;
    }
}
/*END FOOTER*/


/* _______________ARTICLES_______________ */


#module-ph_simpleblog-single #content-wrapper .page-header h1 {
    color: #FFDA0D;
    font-weight:400;
}
.simpleblog__postInfo ul li span, .simpleblog__postInfo ul li i {
    color: white;
}
.simpleblog__post {
    background:none;
}
.simpleblog__post__content h2 img {
    max-width: 100%;
    margin-bottom: 40px;
}
/* _______________END ARTICLES_______________ */

/* _______________AGENDA_______________ */
.cms-id-7 .vc_col-sm-6.wpb_column.vc_column_container {
    padding:0;
}
.fc-scroller {
    height:auto !important ;
}

@media screen and (max-width: 768px) {
    .cms-id-7 #main .page-header {
        margin: 0;
    }

    .cms-id-7 #content {
        padding: 0 1.25rem 1.25rem 1.25rem;
    }

    #calendar {
        width: 100%;
    }

    #calendar .fc-toolbar .fc-left {
        margin-bottom: 20px;
    }

    #calendar .fc-toolbar .fc-right {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    #calendar .fc-day-number {
        text-align: center;
    }

    #calendar .fc-row {
        min-height: 2em;
        pointer-events: none;
    }
}


/*
#calendar .fc-view-container .fc-content-skeleton .fc-event-container  {
    position: relative;
    cursor: pointer;
}
#calendar .fc-view-container .fc-content-skeleton .fc-event-container a {
    background-color: transparent !important;
    border: 1px solid #FFDA0D;
    position: absolute;
    width: 30px;
    height: 30px;
    top: -36px;
    left: 10px;
    pointer-events: none;
}
#calendar .fc-today {
}

@media (min-width: 1168px) {
    .fc td {
        line-height: 3.5vh;
    }
}
*/
/* _______________END AGENDA_______________ */


/* _______________Checkout_______________ */


body#checkout section.checkout-step {
    box-shadow: none;
     background-color: transparent;
    border-bottom: none;
    padding: .9375rem;
}

body#checkout section.checkout-step.-reachable.-complete h1 .step-edit,body#checkout section.checkout-step small {
    color: #fff;
}
body#checkout section.checkout-step.-reachable.-complete h1 .step-edit:hover {
    color: #FFDA0D;
}
body#checkout .form-control-comment {
    font-size: .875rem;
    padding-top: .5rem;
    color: #fff;
}
body#checkout .text-muted {
    color: #fff !important;
}
body#checkout #header .header-nav {
    box-shadow: none;
}
body#checkout #footer {
    box-shadow: transparent;
    padding: .9375rem;
    background: #383838;
    color: #7a7a7a;
}

/* _______________END Checkout_______________ */

/* ____________ EVER POPUP ____________ */
#index > div.fancybox-overlay.fancybox-overlay-fixed > div {
    width:500px!important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
}
#index > div.fancybox-overlay.fancybox-overlay-fixed > div > div {
    padding:50px !important;
}
#index > div.fancybox-overlay.fancybox-overlay-fixed > div > div > div > div {
    width:100% !important;
}
#everpspopup_block_center > div.container > div > div > h2 {
    margin-bottom: 20px;
}

#everpspopup_block_center > section > div > div > div > hgroup > h2{
    margin-bottom:20px;
}

#everpspopup_block_center > section > div > div > div {
    width:100%;
}
#ever_subscription_form > div {
    display: flex;
    justify-content: space-between;
}
#ever_subscription_form > div > button {
    border-color:#FFDA0D;
    background-color:#FFDA0D;
}
/* ____________ END EVER POPUP ____________ */

/*       _________________________     HOME PAGE 2 _____________________*/
.wpb_animate_when_almost_visible {
	opacity:1!important;
}

#index h1 {
    font-weight:400;
}
#index h3, #index h4 {
    font-family: "ubuntu", sans-serif;
    text-align:left;
    padding-top: .6em;
}
#index h4 {
    font-weight: 400;
    text-transform: uppercase;
    font-size: .9em;
    opacity: .5;
    letter-spacing: .1em;
}
#index h3 {
    font-weight:400;
    font-size:1.5em;
}

#index .vc_col-sm-3 {
    margin-bottom:3em;
}
#index .new-products-container .wpb_single_image {
    z-index:1;
    overflow: hidden;
    position: relative;
}

#index .new-products-container .wpb_single_image::before {
    content: "";
    width:100%;
    height:200%;
    display:block;
    position: absolute;
    background: transparent;
    background: linear-gradient(13deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.4) 50%, rgba(255,255,255,0) 100%);
    transition: all .3s ease;
    opacity:.3;
    pointer-events: none;
}

#index .new-products-container .wpb_single_image .wpb_wrapper img {
    width: 100% !important;
   /* height: 200%;
    display: block;
    background: transparent;
    background: linear-gradient(13deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.4) 50%, rgba(255,255,255,0) 100%);
    transition: all .3s ease;
    pointer-events: none;*/
}

#index .new-products-container .wpb_single_image:hover::before {
    transform: translateY(-20%);
    opacity:1;
}

#index .new-products-container .vc_col-sm-3::after {
    display: block;
    content: "";
    padding-top: 10px;
    width: 40%;
    border-bottom: 2px solid #FFDA0D;
    transition: all .3s ease;
}
#index .vc_col-sm-3:hover::after {
    width:100%;
}

@media (min-width: 768px) {
    .page-home {
        padding-top:150px;
    }
}

/*       _________________________     END HOME PAGE 2 _____________________*/

/*       _________________________     BANNER HOME _____________________*/

#promo-banner {
    z-index:2;
    position:relative;
}

.promo-banner {
    display:flex;
    justify-content:center;
    align-items:center;
}

.promo-banner .wpb_wrapper .wpb_text_column {
    margin:0;
}

.promo-banner .wpb_wrapper .wpb_wrapper > div {
    padding: 1em 2em;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*       _________________________     END BANNER HOME _____________________*/
/*       _________________________     PAGE MON COMPTE _____________________*/
#identity label {
    color:black;
}
/*       _________________________     END PAGE MON COMPTE _____________________*/

.modal-backdrop {
	z-index:1040!important;
}