/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700');


#_desktop_language_selector 
{
    display: none; 
}

html {
    overflow-x: hidden;
}

body,
* {
    font-family: 'Rubik', sans-serif;
    box-shadow: none !important;
    outline: none;
    text-decoration: none;
}



    }

/* SURLIGNAGE */
::selection {
    color: #fff;
    background: #22282e;
}

::-moz-selection {
    color: #fff;
    background: #22282e;
}

#wrapper {
    background: white;
    box-shadow: none;
}

#imgClever,
#ImgFooter360
{
    display: none;
}

@media (max-width: 550px){
    #imgClever,
#ImgFooter360 {
    display: block;
    margin: 10px auto;
    text-align: center;
    
}

#ImgFooter360 p{
    color: white;
    }
}

#header .header-nav {
    border: none;
    background-color: #1aa0d4; 
}

#header a {
    color: white;
}

#header .header-nav .user-info {
    margin: 0px;
    text-align: left;
}

#header .header-nav #_desktop_contact_link #contact-link {
    margin: 0px;
}

#_desktop_user_info {
    display: -webkit-inline-box;
}

#header .header-nav .user-info .account {
    color: white;
}

#header .header-nav .user-info .logout {
    color: white;
}

.tel {
    margin-left: 20px;
}

.entete {
    top: 20px;
}

#header .header-nav .search-widget {
    margin-top: 10px;
    margin-bottom: 10px;
}

#header .header-nav {
    max-height: 100%;
}

.dropdown .expand-more {
    color: white;
}

.btn-unstyle {
    padding-top: 6px;
}

.language-selector .fa-angle-down {
    color: white;
}

.language-selector-wrapper {
    margin-right: 15px;
}

#header a:hover {
    color: #81cbe7;
}

.dropdown:hover .expand-more {
    color: #81cbe7;
}

.top-menu a.dropdown-submenu {
    color: #22282e !important;
}

/*
#_desktop_cart {
background: grey;     
}*/
#header .header-top a[data-depth="0"] {
    font-weight: 500;
}

.blockcart>.header {
    display: block;
    text-align: right;
}

.offset-0 {
    padding-right: 0px;
    padding-left: 0px;
}

.js-top-menu {
    float: right;
}

.blockcart>.header>a {
    color: #22282e !important;
}

#footer {
    background: #22282e;
    padding-top: 1rem;
    margin-top: 60px;
}

.footer-container {
    padding-bottom: 50px;
}

#copyright {
    background: #14181c;
}

.copyright {
    color: white;
    transition: .3s ease;
    font-size: 13px;
}

.copyright:hover {
    color: #1aa0d4;
}

#copyright-div {
    padding-top: 15px;
    padding-bottom: 15px;
}

.block-contact {
    border-left: none;
    padding-left: 0px;
}

#block_myaccount_infos a {
    color: #bfbfbf;
    cursor: pointer;
    font-size: 13px;
    display: -webkit-box;
    margin-bottom: .3125rem;
}

.block-contact p {
    color: #bfbfbf;
    font-size: 13px;
    display: -webkit-box;
    margin-bottom: .3125rem;
}

.block-contact a {
    color: #bfbfbf;
}

.footer-container li a {
    color: #bfbfbf;
    font-size: 13px;
}

.footer-container .h3 {
    color: white;
    font-weight: 500;
margin-bottom: 30px;
    font-size: 16px;
}

.description-footer p br{display: none;}
.description-footer p {
    color: #bfbfbf;
    font-size: 12px;
}

.description-footer .reseaux-sociaux {
    color: #bfbfbf;
    font-size: 24px;
    margin-right: 8px;
    transition: .3s ease;
}

.description-footer .reseaux-sociaux:hover {
    color: white;
}

.footer-container li a:hover {
    color: white;
}

#block_myaccount_infos a:hover {
    color: white;
}

.block-contact a:hover {
    color: white;
}

#footer .fa-angle-right {
    color: #bfbfbf;
    font-size: .875rem;
}

@media (max-width: 767px) {
    .links .title {
        border: none;
        padding: 0px;
        margin: 0px;
        margin-top: 15px;
    }

    .footer-container {
        padding: 15px;
    }

    .description-footer {
        padding-left: 0px;
        margin-bottom: 30px;
    }

    .footer-container .links ul>li {
        border: none;
        padding: 0px;
        font-weight: 400;
    }

    .footer-container .links ul {
        background-color: transparent;
    }

    .footer-container .links ul>li a {
        color: #bfbfbf;
        font-size: .875rem;
    }

    .footer-container .links ul>li a:hover {
        color: white;
    }

    .links .navbar-toggler {
        display: none;
    }

    .service-client-footer {
        padding-left: 0px;
        padding-top: 15px;
    }

    .description-footer,
    #copyright-div,
    #footer .title,
    #footer li {
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
    }

    .footer-container .h3 {
        line-height: 35px;
    }

    .logo-service-apres-vente,
    .logo-location-de-machines-de-nettoyage,
    .logo-vente,
    .logo-livraison,
    .logo-conseils {
        display: none !important;
    }
}

.search-widget form input[type=text] {
    border: none;
}

.full-row,
.full-width {
    width: 100vw;
    margin-left: -50vw;
    left: 50%;
    padding: 0;
}

#header {
    background: #fbfbfb;
}

.logo {}

#header .top-menu a[data-depth="0"]:hover {
    color: #1aa0d4;
    text-decoration: none;
    background: #1aa0d4;
    color: white;
    padding: 18px;
}

#header .current {
    text-decoration: none;
    background: #1aa0d4;
    color: white;
}

#header .current>a {
    color: white !important;
}

#header .top-menu a[data-depth="0"] {
    padding: 18px;
}

.dropdown-item {
    transition: .3s ease;
}

#header .header-top {
    padding-bottom: 0px;
}

#wrapper .breadcrumb li:after {
    content: ">";
}

.breadcrumb>ol>li:nth-child(2)>a {
    color: #1aa0d4 !important;
}

h1 {
    padding-top: 30px;
    padding-bottom: 50px;
    font-size: 1.6rem;
    text-transform: uppercase;
}

.page-content.page-cms {
    padding: 0px;
}

#nos-services-vente,
#nos-services-livraison,
#nos-services-conseil,
#nos-services-parallax,
#nos-services-location,
#nos-services-apres-vente {
    margin-top: 15px;
    margin-bottom: 15px;
}

.page-content p {
    text-align: left;
    font-weight: 300;
}

.page-content h3 {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 30px;
    text-align: left;
}

.introduction {
    font-size: 1rem;
    font-weight: 500 !important;
}

/* ANIMATION BOUTON PAGE CMS */
.button-container-2 {
    position: relative;
    width: 200px;
    height: 50px;
    overflow: hidden;
    border: 1px solid #22282e;
    font-weight: 400;
    transition: 0.5s;
    margin-top: 30px;
}

.button-container-2 button {
    letter-spacing: 1px;
    width: 101%;
    height: 100%;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    background: #22282e;
    -webkit-mask: url("https://www.meypro.lu/img/urban-sprite.png");
    mask: url("https://www.meypro.lu/img/urban-sprite.png");
    -webkit-mask-size: 3000% 100%;
    mask-size: 3000% 100%;
    border: none;
    color: #fff;
    cursor: pointer;
    -webkit-animation: ani2 0.7s steps(29) forwards;
    animation: ani2 0.7s steps(29) forwards;
}

.button-container-2 button:hover {
    -webkit-animation: ani 0.7s steps(29) forwards;
    animation: ani 0.7s steps(29) forwards;
}

.mas {
    color: #22282e;
    text-align: center;
    width: 101%;
    font-weight: 400;
    position: absolute;
    font-size: 14px;
    margin-top: 12px;
    overflow: hidden;
    text-transform: uppercase;
    margin-top: 15px;
}

@-webkit-keyframes ani {
    from {
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
    }

    to {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0;
    }
}

@keyframes ani {
    from {
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
    }

    to {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0;
    }
}

@-webkit-keyframes ani2 {
    from {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0;
    }

    to {
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
    }
}

@keyframes ani2 {
    from {
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0;
    }

    to {
        -webkit-mask-position: 0 0;
        mask-position: 0 0;
    }
}

/* FIN ANIMATION BOUTON PAGE CMS */
.logo-service-apres-vente,
.logo-location-de-machines-de-nettoyage,
.logo-vente,
.logo-livraison,
.logo-conseils {
    width: 170px;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: block;
    opacity: 0.3;
    margin-top: 30px;
    margin-bottom: 30px;
}

.description-bulle {
    font-size: 0.8rem !important;
    line-height: 1rem;
    font-weight: 500 !important;
    text-transform: uppercase;
    text-align: center !important;
    margin-top: 15px;
}

.slider-nos-services {
    margin-bottom: 50px;
}

.slider-nos-services-prev {
    width: 30px;
    transform: rotate(45deg);
    display: block;
    top: 50px;
    position: absolute;
    left: -5px;
}

.slider-nos-services-next {
    width: 30px;
    transform: rotate(224deg);
    display: block;
    top: 50px;
    position: absolute;
    right: -5px;
}

.slider-nos-services .slick-slide {
    padding-top: 15px;
}

/*.bulle:hover {
transform: scale(1.2);
    -webkit-box-shadow: -9px 11px 41px -19px rgba(0,0,0,0.9);
    -moz-box-shadow: -9px 11px 41px -19px rgba(0,0,0,0.9);
    box-shadow: -9px 11px 41px -19px rgba(0,0,0,0.9) !important;
}*/

.p-niveau-1 {
    font-size: 1.3rem;
    line-height: 1.5rem;
}

.p-niveau-1 b {
    font-weight: 700;
    color: #1aa0d4;
}

.page-content p>b {
    font-weight: 700;
    color: #1aa0d4;
}

.card {
    border: none;
}

.contact-form,
.card-block {
    padding: 0px;
}

.block-contacter-nous b,
.block-contacter-nous a {
    color: #22282e !important;
}

.block-contacter-nous h1 {
    padding-bottom: 0;
}

#wrapper .breadcrumb li a,
#wrapper .breadcrumb li:after {
    color: #9c9c9c;
}

@media (min-width: 768px) {
    .adresse-qui-sn {
        padding-left: 100px;
    }

    #formulaire-de-contact .champs-form-contact-droite {
        padding-right: 50px;
    }

    #formulaire-de-contact .champs-form-contact-gauche {
        padding-left: 50px;
    }

    #formulaire-de-contact .champs-form-contact-milieu {
        padding-right: 25px;
        padding-left: 25px;
    }
}

#formulaire-de-contact .form-control {
    background: transparent;
    border: 1px solid #9c9c9c;
    color: #1aa0d4;
}

#formulaire-de-contact .form-control-label {
    font-weight: 500;
    margin-top: 15px;
}

#formulaire-de-contact .form-control-select {
    color: #9c9c9c;
    padding: .5rem 1rem;
}

.champs-requis {
    color: red;
    text-align: right !important;
    margin-top: 15px;
}

.red {
    color: red;
}

#formulaire-de-contact textarea {
    height: 200px;
}

.formulaire-de-contact .btn-primary {
    letter-spacing: 1px;
    width: 101%;
    height: 100%;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    background: #22282e;
    -webkit-mask: url(https://www.meypro.lu/img/urban-sprite.png);
    mask: url(https://www.meypro.lu/img/urban-sprite.png);
    -webkit-mask-size: 3000% 100%;
    mask-size: 3000% 100%;
    border: none;
    color: #fff;
    cursor: pointer;
    -webkit-animation: ani2 0.7s steps(29) forwards;
    animation: ani2 0.7s steps(29) forwards;
}

.formulaire-de-contact .btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
    background: transparent;
}

.formulaire-de-contact .button-container-2 {
    float: right;
}

.ets_mm_megamenu_content {
    background: white !important;
    border: none !important;
    padding-top: 5px;
}

.layout_layout1 .mm_menus_li {
    border: none !important;
}

.mm_menu_content_title {
    font-weight: 500;
}

.layout_layout1 .ets_mm_block_content ul li a::before {
    display: none;
}

#header .layout_layout1 .ets_mm_block_content a {
    text-transform: uppercase;
    font-weight: 500;
}

.mm_block_type_product h4 {
    font-size: 18px !important;
    text-transform: none;
}

.price {
    color: #1aa0d4;
    font-weight: 700 !important;
}

#_desktop_logo h1 {
    padding: 0px;
}

#_mobile_logo h1 {
    padding: 0px;
}

.logo-meyers {
    width: 200px;
    margin-left: 15px;
}

.mm_menus_ul {
    display: block !important;
}

.ets_mm_megamenu_content {
    box-shadow: 0 15px 18px -15px lightgrey !important;
}

#header .header-nav {
    margin-bottom: 0px;
}

#header .logo {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mm_extra_item {
    margin-bottom: 5px !important;
}

.mm_extra_item:hover {
    background-color: #1aa0d4;
}

.mm_extra_item:hover .shopping-cart {
    color: white;
    animation: tada 1s ease;
}

.mm_extra_item:hover .cart-products-count {
    color: white;
}

.les-services-meyers h1 {
    text-align: left;
    padding-bottom: 0px;
    text-transform: none;
    padding-top: 0px;
}

.les-services-meyers hr {
    padding-bottom: 50px;
}

#custom-text {
    padding: 0px;
}

a {
    outline: none !important;
}

.ets_mm_megamenu.sticky_enabled.scroll_heading {
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

.ouverture-menu {
    background: white !important;
    opacity: 1 !important;
    visibility: inherit !important;
    transform: translatex(-100%) !important;
    -webkit-transform: translatex(0px) !important;
    transition: all 0.35s ease 0s !important;
    -webkit-transition: all 0.35s ease 0s !important;
}

@media (max-width: 767px) {
    .ets_mm_megamenu.hook-default {
        background-color: transparent;
        margin-top: 0px;
        padding: 0px;
    }

    #_mobile_user_info,
    #telephone-mobile {
        padding-top: 15px;
    }

    #_mobile_user_info a {
        color: #22282e;
    }
}

@media (max-width: 991px) {
    #header .logo {
        max-width: 150px;
    }

    .ets_mm_megamenu_content {
        padding-top: 0px;
    }

    .ets_mm_megamenu_content_content {
        background-color: white !important;
    }

    .logo-meyers {
        margin-left: 0px;
    }

    .description-footer {
    text-align: center;
    margin-bottom: 60px;
}
}

@media (max-width: 1199px) {
    .mm_menu_content_title {
        font-weight: 300;
    }

    .mm_menus_ul>li:nth-child(2)>a>span {
        color: #1aa0d4;
        font-weight: 500;
        font-size: 22px;
    }

    .mm_menus_ul>li:nth-child(3)>a>span {
        color: #1aa0d4;
        font-weight: 500;
        font-size: 22px;
    }

    .mm_menu_content_title {
        font-size: 22px;
    }

    .arrow {
        background: #1aa0d4 !important;
        border-radius: 100%;
        margin-right: 15px;
    }

    .layout_layout1.ets_mm_megamenu .mm_columns_ul {
        border: none;
    }

    .layout_layout1 .mm_menus_li {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

@media (min-width: 1200px) {
    .mm_menus_ul {
        padding-left: 192px !important;
    }
}

.ybc-menu-toggle .icon-bar {
    background-color: #1aa0d4;
    clear: left;
    float: left;
    height: 1px;
    margin: 7px 6px 0px 0;
    transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    width: 33px;
}

@media (max-width: 767px) {
    .ets_mm_megamenu .mm_menus_ul .close_menu {
        color: #FFFFFF;
        float: left;
        padding: 10px 15px;
        margin-bottom: 10px;
        padding-top: 12px;
    }


}

.mm_menus_ul .arrow::before {
    border-top: 1px solid transparent !important;
    border-left: 1px solid transparent !important;
}

.mm_menus_li .arrow::after {
    border-top: 1px solid transparent !important;
    border-left: 1px solid transparent !important;
}

.block-categories {
    padding-left: 0px;
}

.block-categories .category-sub-menu li {
    position: relative;
    background: #f5f5f5;
    margin-bottom: 5px;
}

.block-categories .category-sub-menu li[data-depth="0"]>a {
    border: none;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 35px;
    font-weight: 400;
}

.image-page-produits {
    width: 100%;
}

.page-produits-div-img {
    height: 250px;
    background: url('https://www.meypro.lu/img/page-produits-min.jpg');
    background-size: cover;
    background-position: center;
}

#search_filters {
    padding: 0px;
}

/* BULLES SERVICES */
.bulle {
    height: 100px;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: block;
    margin: 0 auto;
    right: 0;
    left: 0;
    cursor: pointer !important;
}

/* VENTE */
.bulle-vente {
    background: url('https://www.meypro.lu/img/bulle-vente-noir.svg');
    opacity: 0.13;
    transition: .3s ease;
}

.bulle-vente:hover {
    background: url('https://www.meypro.lu/img/bulle-vente.svg');
    opacity: 1;
}

.slick-current>.bulle-vente {
    background: url('https://www.meypro.lu/img/bulle-vente.svg');
    opacity: 1;
}

/* LIVRAISON */
.bulle-livraison {
    background: url('https://www.meypro.lu/img/bulle-livraison-noir.svg');
    opacity: 0.13;
    transition: .3s ease;
}

.bulle-livraison:hover {
    background: url('https://www.meypro.lu/img/bulle-livraison.svg');
    opacity: 1;
}

.slick-current>.bulle-livraison {
    background: url('https://www.meypro.lu/img/bulle-livraison.svg');
    opacity: 1;
}

/* CONSEILS */
.bulle-conseils {
    background: url('https://www.meypro.lu/img/bulle-conseils-noir.svg');
    opacity: 0.13;
    transition: .3s ease;
}

.bulle-conseils:hover {
    background: url('https://www.meypro.lu/img/bulle-conseils.svg');
    opacity: 1;
}

.slick-current>.bulle-conseils {
    background: url('https://www.meypro.lu/img/bulle-conseils.svg');
    opacity: 1;
}

/* LOCATION */
.bulle-location {
    background: url('https://www.meypro.lu/img/bulle-location-noir.svg');
    opacity: 0.13;
    transition: .3s ease;
}

.bulle-location:hover {
    background: url('https://www.meypro.lu/img/bulle-location.svg');
    opacity: 1;
}

.slick-current>.bulle-location {
    background: url('https://www.meypro.lu/img/bulle-location.svg');
    opacity: 1;
}

/* SERVICE APRES VENTE */
.bulle-service {
    background: url('https://www.meypro.lu/img/bulle-service-noir.svg');
    opacity: 0.13;
    transition: .3s ease;
}

.bulle-service:hover {
    background: url('https://www.meypro.lu/img/bulle-service.svg');
    opacity: 1;
}

.slick-current>.bulle-service {
    background: url('https://www.meypro.lu/img/bulle-service.svg');
    opacity: 1;
}

.slider-for {
    margin-top: 30px;
}

#jl-nos-services {
    margin-top: 50px;
    margin-bottom: -60px;
    filter: grayscale(1);
}

#js-product-list>div>article>div>a>img {
    transform: scale(0.7);
    transition: .3s ease;
}

#js-product-list>div>article>div>a>img:hover {
    transform: scale(0.8) !important;
}

#ybc_blog_page #right-column .block {
    padding: 0px;
}

@media (max-width: 767px) {
    #ybc_blog_page .ybc-navigation-blog {
        display: none;
    }

    #ybc_blog_page #right-column {
        display: none;
    }

    .ybc-blog #content-wrapper .ybc-blog-wrapper {
        padding: 15px;
    }
}

#ybc_blog_page h1 {
    padding-bottom: 0px;
}

#ybc_blog_page h1 small {
    text-transform: none;
    font-weight: 500;
}

.ybc_block_featured>h4 {
    display: none;
}

#ybc_blog_page .ybc_title_block {
    text-transform: none;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 1.7rem;
}

.separation-blog {
    height: 0px;
    background: transparent;
    margin-top: 30px;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.titre-actualites {
    margin-bottom: 15px;
}

#ybc_blog_page .ybc-navigation-blog-content {
    padding: 15px;
}

#ybc_blog_page .owl-controls {
    margin-top: 0px;
    position: absolute;
    top: -35px;
}

#ybc_blog_page .owl-next:hover,
#ybc_blog_page .owl-prev:hover {
    background-color: #1aa0d4;
    color: white;
}

#ybc_blog_page .post-date .be-label {
    color: #1aa0d4;
    margin-right: 5px;
}

#ybc_blog_page .post-date {
    color: #1aa0d4;
    padding-top: 5px;
}

.lire-la-suite {
    color: #1aa0d4;
    text-transform: uppercase;
    margin-top: 30px;
    display: block;
    transition: .3s ease;
}

.lire-la-suite:hover {
    color: #81cbe7;
}

.ybc-blog-wrapper-detail {
    max-width: 100%;
}

.ybc-blog-wrapper-detail {
    margin: 0px;
    padding: 0px;
    float: inherit;
}

@media (max-width: 767px) {
    .ybc_blog_img_wrapper>img {
        display: block;
        margin: 0 auto;
        left: 0;
        right: 0;
    }

    .ybc-blog-wrapper-detail {
        padding: 15px;
    }
}

.page-heading .title_cat {
    text-align: left;
}

@media (min-width: 768px) {
    .image-blog {
        margin-left: -15px;
    }

    .ybc_blog_layout_list {
        margin-top: 30px;
    }
}

#map {
    height: 100%;
}

.reseaux-social-fixe {
    width: 55px;
    height: 116px;
    margin-top: 20%;
    position: absolute;
    z-index: 1;
}

.reseaux-social-fixe-fb {
    display: -webkit-box;
    padding: 15px;
    font-size: 28px;
    background: #1aa0d4;
}

.reseaux-social-fixe-ln {
    display: -webkit-box;
    padding: 15px;
    font-size: 28px;
    background: #81cbe7;
}

.reseaux-social-fixe-fb:hover {
    background: #22282e;
    color: white !important;
}

.reseaux-social-fixe-ln:hover {
    background: #14181c;
    color: white !important;
}

@media (max-width: 1220px) {
    .reseaux-social-fixe {
        display: none !important;
    }
}

.ybc_item_img:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.highlighted-informations {
    background: #22282e !important;
    transition: .3s ease;
}

.highlighted-informations:hover {
    background: #1aa0d4 !important;
}

.quick-view {
    color: white !important;
}

.logo-transporteur-simple {
    width: 60px;
    margin: 0 auto;
    display: block;
}

.logo-sav-simple {
    width: 40px;
    margin: 0 auto;
    display: block;
}

.product-actions .add-to-cart .material-icons {
    display: none;
}

.btn-primary {
    font-weight: 400;
    letter-spacing: 1px;
    background-color: #22282e;
    transition: .3s ease;
}

.btn-primary:hover {
    background-color: #1aa0d4 !important;
}

.nouveaux-produits h1,
.produits-promo h1 {
    text-align: left;
    padding-bottom: 0px;
    font-size: 1.6rem;
    text-transform: none;
}

.nouveaux-produits h1 {
    padding-top: 0px;
}

.slider-nos-nouveautes .thumbnail-container {
    margin: 0 auto;
}

.slider-nos-nouveautes .slider-nos-services-next {
    margin-top: 120px;
}

.slider-nos-nouveautes .slider-nos-services-prev {
    margin-top: 120px;
}

.slider-nos-promo .thumbnail-container {
    margin: 0 auto;
}

.slider-nos-promo .slider-nos-services-next {
    margin-top: 120px;
}

.slider-nos-promo .slider-nos-services-prev {
    margin-top: 120px;
}

@media (min-width: 1200px) {
    .slider-nos-nouveautes .slider-nos-services-next {
        right: -30px;
    }

    .slider-nos-nouveautes .slider-nos-services-prev {
        left: -30px;
    }

    .slider-nos-promo .slider-nos-services-next {
        right: -30px;
    }

    .slider-nos-promo .slider-nos-services-prev {
        left: -30px;
    }
}

.slider-nos-services-next,
.slider-nos-services-prev {
    cursor: pointer;
}

.slider-nos-nouveautes .product-miniature img {
    transform: scale(0.7) !important;
}

.slider-nos-promo .product-miniature img {
    transform: scale(0.7) !important;
}

.slider-nos-nouveautes .product-flag {
    display: none !important;
}

.quickview .modal-footer {
    display: none !important;
}

.quickview h1 {
    padding-bottom: 0px;
}

/* BULLES HOME */
/* VENTE */
.bulle-vente-home {
    background: url('https://www.meypro.lu/img/bulle-vente.svg');
    transition: .3s ease;
}

.bulle-vente-home:hover {
    background: url('https://www.meypro.lu/img/bulle-vente-noir.svg');
}

/* LIVRAISON */
.bulle-livraison-home {
    background: url('https://www.meypro.lu/img/bulle-livraison.svg');
    transition: .3s ease;
}

.bulle-livraison-home:hover {
    background: url('https://www.meypro.lu/img/bulle-livraison-noir.svg');
}

/* CONSEILS */
.bulle-conseils-home {
    background: url('https://www.meypro.lu/img/bulle-conseils.svg');
    transition: .3s ease;
}

.bulle-conseils-home:hover {
    background: url('https://www.meypro.lu/img/bulle-conseils-noir.svg');
}

/* LOCATION */
.bulle-location-home {
    background: url('https://www.meypro.lu/img/bulle-location.svg');
    transition: .3s ease;
}

.bulle-location-home:hover {
    background: url('https://www.meypro.lu/img/bulle-location-noir.svg');
}

/* SERVICE APRES VENTE */
.bulle-service-home {
    background: url('https://www.meypro.lu/img/bulle-service.svg');
    transition: .3s ease;
}

.bulle-service-home:hover {
    background: url('https://www.meypro.lu/img/bulle-service-noir.svg');
}

@media (min-width: 768px) {

    .mm_extra_item,
    .layout_layout1:not(.ybc_vertical_menu) .mm_menus_li>a,
    .ets_mm_megamenu.layout_layout1.ybc_vertical_menu,
    #header .layout_layout1:not(.ybc_vertical_menu) .mm_menus_li>a,
    .ets_mm_megamenu.layout_layout1.ybc_vertical_menu {
        transition: .3s ease;
    }

    .mm_extra_item {
        cursor: pointer;
    }
}

.margin-top-rgpd {
    margin-top: 30px;
}

.form-control {
    background: transparent;
}

en {
    font-style: inherit;
}

.page-my-account #content .links a i {
    color: #1aa0d4;
}

.page-my-account #content .links a:hover {
    color: #1aa0d4;
}

.page-my-account #content .links a {
    transition: .3s ease;
    font-weight: 400;
}

.page-customer-account #content {
    padding: 0px;
}

#checkout #search_widget {
    display: inherit;
}

body#checkout #header .header-nav {
    padding: 0px;
}


.slider-home .slider-nos-services-prev {
    width: 30px;
    transform: rotate(0deg);
    display: block;
    top: 50%;
    position: absolute;
    left: 0px;
    background: white;
    padding: 8px;
    z-index: 1;
    transition: .3s ease;
}

.slider-home .slider-nos-services-next {
    width: 30px;
    transform: rotate(180deg);
    display: block;
    top: 50%;
    position: absolute;
    right: 0px;
    background: white;
    padding: 8px;
    z-index: 1;
    transition: .3s ease;
}

.slider-home .slider-nos-services-next:hover,
.slider-home .slider-nos-services-prev:hover {
    background-color: #81cbe7;
}

@media (min-width: 1200px) {
    .mm_menus_ul {
        margin-bottom: 0px !important;
    }

    .slide__caption {
        bottom: 36%;
        min-height: 80px;
        left: 5%;
        position: absolute;
        width: 100%;
        z-index: 2;
    }

    .slider-home h2,
    .slider-home h1 {
        color: white;
        font-weight: 500;
    }

    .slider-home h1 {
        padding-bottom: 0px;
        font-size: 2.5rem;
    }

    .slider-home h2 {
        font-size: 2.1rem;
    }

    .button-home {
        background-color: #1aa0d4;
        color: white;
        padding-right: 12px;
        padding-left: 12px;
        padding-top: 8px;
        padding-bottom: 8px;
        transition: .3s ease;
    }

    .button-home:hover {
        background: #22282e;
        color: white;
    }

    .slider-home .caption-description {
        padding-top: 30px;
    }
}

@media (min-width: 2000px) {
    .slider-home h1 {
        font-size: 4rem;
    }

    .slider-home h2 {
        font-size: 3rem;
    }

    .button-home {
        font-size: 30px;
    }

    .slide__caption {
        left: 15%;
    }
}

#index #wrapper {
    padding-top: 0px;
}

@media (max-width: 1199px) {

    .slider-home .slider-nos-services-next,
    .slider-home .slider-nos-services-prev {
        display: none !important;
    }

    .slider-home h1 {
        color: #1aa0d4;
        padding-bottom: 0px;
    }

    .slider-home h2 {
        color: #1aa0d4;
    }

    .button-home {
        background-color: #1aa0d4;
        color: white;
        padding-right: 12px;
        padding-left: 12px;
        padding-top: 8px;
        padding-bottom: 8px;
        transition: .3s ease;
    }

    .button-home:hover {
        background: #22282e;
        color: white;
    }

    .slider-home .caption-description {
        padding-top: 30px;
    }

    .caption-description,
    h1,
    h2 {
        text-align: center;
    }
}

#parallax-home {
    margin-top: 60px;
    margin-bottom: -60px;
}

.logo-meyers-blanc {
    width: 250px;
    margin-top: 80px;
}

#jl-meyers-home {
    text-align: right;
}

#jl-meyers-home h1 {
    color: white;
    font-weight: 500;
}

#jl-meyers-home a {
    color: white;
    text-transform: uppercase;
    font-size: 1.2rem;
    transition: .3s ease;
}

#jl-meyers-home a:hover {
    color: #22282e;
}

.slider-equipe div img {
    width: 100%;
}

.slider-magasin div img {
    width: 100%;
}

.slider-magasin .slick-slide {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

@media (min-width: 1200px) {
    .slider-magasin .slider-nos-services-next {
        top: 50%;
        right: -30px;
    }

    .slider-magasin .slider-nos-services-prev {
        top: 50%;
        left: -30px;
    }
}

.slider-equipe,
.slider-magasin {
    margin-top: 60px;
    margin-bottom: 90px;
}

@media (min-width: 1200px) {
    .slider-equipe .slider-nos-services-next {
        top: 50%;
        right: -30px;
    }

    .slider-equipe .slider-nos-services-prev {
        top: 50%;
        left: -30px;
    }

    .slider-magasin .slider-nos-services-next {
        top: 50%;
        right: -30px;
    }

    .slider-magasin .slider-nos-services-prev {
        top: 50%;
        left: -30px;
    }
}

@media (max-width: 1199px) {
    .slider-equipe .slider-nos-services-next {
        display: none !important;
    }

    .slider-equipe .slider-nos-services-prev {
        display: none !important;
    }

    .slider-magasin .slider-nos-services-next {
        display: none !important;
    }

    .slider-magasin .slider-nos-services-prev {
        display: none !important;
    }
}

/*
.slider-equipe div img {
	height: 400px !important;
}*/

.slider-equipe .slick-slide {
    height: 100%;
}

.slider-equipe .jarallax-img {
    left: 0px !important;
    top: 0px !important;
}

.product-cover {
    border: 1px solid lightgrey;
}

.images-container .product-images>li.thumb-container>.thumb {
    border: 1px solid lightgrey;
}

.product-images>li.thumb-container>.thumb.selected,
.product-images>li.thumb-container>.thumb:hover {
    border: 2px solid #1aa0d4 !important;
}

#product #content-wrapper h1 {
    padding-bottom: 0px;
}

.logo-meyers-simple {
    width: 170px;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: block;
}

#product .tabs {
    padding: 0px;
}

.description-produits {
    margin-bottom: 60px;
}

#products img,
.product-accessories img,
.product-miniature img {
    transform: scale(0.7) !important;
}

.logo-footer {
    width: 150px;
    display: block;
        max-width: 100%;
    margin-bottom: 10px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .logo-footer {
    width: 150px;
    margin: 0 auto;
    margin-bottom: 30px;

    }

    .description-footer p {
        margin-bottom: 30px;
}

.footer-container .h3 {
    color: white;
    font-weight: 500;
    margin-bottom: 30px;
    font-size: 12px;
}
.footer-container li a,
.block-contact p {
    font-size: 12px;
    line-height: 16px;
}
}

@media (max-width: 767px) {
    .logo-footer {
        margin: 0 auto;
        margin-bottom: 15px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .logo-meyers 
    {
        margin-left: -20px;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
}

@media (max-width: 767px) {
    .logo-meyers {
        margin-top: 8px !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .changestatus .ybc-menu-toggle {
        display: block;
        padding-left: 15px;
    }
}

/* BACK TO TOP */
#return-to-top {
    z-index: 3;
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 30px;
    transition: all 0.500s ease-out;
    background: #1aa0d4;
    text-align: center;
    border-radius: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 8px;
    padding-left: 8px;
    width: 36px;
}

#return-to-top:hover {
    background: #81cbe7;
    color: white !important;
}

/* FIL D'ARIANE NAVIGATION */
.header-fil {
    position: fixed;
    top: 0;
    z-index: 888;
    width: 100%;
    background-color: transparent;
}

.progress-container {
    width: 100%;
    background: transparent;
}

.progress-bar {
    height: 3px;
    background: #1aa0d4;
    width: 0%;
}

#jl-meyers-home h1 {
    text-align: right !important;
}

#index .reseaux-social-fixe {
    margin-top: 50%;
}

@media (min-width: 992px) {
    .mm_menus_li {
        padding: 15px 0px;
        line-height: 5px;
    }
}

@media (max-width: 991px) {
    .description-footer .reseaux-sociaux {
        font-size: 35px;
    }

    .t-9 {
        display: none;
    }
}

.slide-mob {
    width: 100%;
    height: 500px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: #ddd;
}

::-webkit-scrollbar-thumb {
    background: #22282e;
}

#cms h1,
#contact h1,
#category h1,
#product h1 {
    text-align: left;
}

.btn-secondary,
.btn-tertiary {
    color: white;
    background-color: #1aa0d4;
    border-color: transparent;
    outline: none !important;
}

.btn-tertiary:hover {
    border: none;
    background: #22282e !important;
    color: white !important;
}

@media (max-width: 767px) {
    .product-miniature {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
        border: 1px solid lightgrey;
        padding: 15px;
    }

    #index .product-miniature {
        border: none;
    }

    .produits-droite p {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .bordure-droite {
        border-right: 1px solid lightgrey;
    }
}

.product-miniature .thumbnail>img {
    transition: .3s ease;
}

.product-miniature:hover .thumbnail>img {
    transform: scale(0.8) !important;
}

/*.form-footer .btn-primary:hover {
    background-color: transparent !important;
} */

/*#identity .form-footer .btn-primary:hover {
    background-color: transparent !important;
    border: 1px solid #22282e;
    color: #22282e;
}    */

.ybc-mnf-block-a-img>img {
    margin: 0 auto;
}

#nos-fournisseurs-home h1 {
    text-align: left;
    padding-bottom: 0px;
    font-size: 1.6rem;
    text-transform: none;
}

#index .featured-products.mt-3 {
    margin: 0px;
}

.velo-slides {
    margin-top: -47px;
}

.card-block {
    margin-top: 30px;
}

.cart-grid-body .card-block h1 {
    padding-top: 0px;
}

.block-promo .promo-code-button {
    padding-left: 0px;
    margin-bottom: 0px;
    font-weight: 500;
}

#product .current-price {
    font-size: 35px;
    color: #1aa0d4;
}

#retour {
    margin-bottom: 30px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.2s ease-out;
}

#retour>.fa-angle-left {
    background-color: #1aa0d4;
    color: white;
    font-size: 16px;
    text-align: center;
    border-radius: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 8px;
    padding-left: 8px;
    width: 32px;
    margin-right: 10px;
    transition: all 0.2s ease-out;
}

#retour:hover>.fa-angle-left {
    background: #81cbe7;
    color: white !important;
}

#retour:hover>.fa-angle-left {
    margin-left: -10px;
}

#retour:hover {
    color: #81cbe7;
}


.lire-la-suite {
    margin-bottom: 30px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.2s ease-out;
}

.lire-la-suite>.fa-angle-right {
    background-color: #1aa0d4;
    color: white;
    font-size: 16px;
    text-align: center;
    border-radius: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 8px;
    padding-left: 8px;
    width: 32px;
    margin-left: 5px;
    transition: all 0.2s ease-out;
}

.lire-la-suite:hover>.fa-angle-right {
    background: #81cbe7;
    color: white !important;
}

.lire-la-suite:hover>.fa-angle-right {
    margin-left: 10px;
}

.chevron-lien-categories {
    color: #81cbe7 !important;
}

.mm_blocks_li {
    margin-bottom: 0px !important;
}

[data-id-block="24"] .ets_mm_block_content {
    display: none;
}

@media (max-width: 1199px) {
    [data-id-block="16"] {
        margin-top: 15px;
    }
}

.ets_mm_block>h4 {
    border-bottom: none !important;
}

.ybc-mnf-block-a-img>img {
    width: 100%;
    filter: grayscale(100%);
    transition: all .1s linear;
    opacity: 1;
    cursor: pointer;
}

.ybc-mnf-block-a-img>img:hover {
    filter: none;
}

.timeline-barre {
    height: 400px;
    margin: 0 auto;
    display: block;
}

.timeline-date {
    width: 100px;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: block;
}

.timeline-point {
    width: 10px;
}

.timeline-date-t {
    color: #1aa0d4;
    font-weight: 500 !important;
    text-align: center !important;
}

.timeline-date-p {
    font-weight: 700;
    text-align: center !important;
    margin-top: -30px;
    color: white;
    font-weight: 700 !important;
}

.timeline-liste-point {
    display: -webkit-inline-box;
}

.timeline-liste-point>li {
    margin-right: 2px;
    margin-left: 2px;
}

.slider-nos-nouveautes {
    /*display: none !important;  */
}

#liste-des-fournisseurs .slick-slide img {
    width: 130px;
}

#nos-fournisseurs-home {
    margin-bottom: 60px;
    margin-top: 30px;
}

#date-1,
#date-2,
#date-3 {
    width: 184px;
}

#timeline-barre-div {
    width: 30px;
}

#submit-login:hover {
    background: #1aa0d4 !important;
}

@media screen and (max-width: 575px) {
    .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }

    .description-footer {
    text-align: center;
    margin-bottom: 30px;
}
}

@media screen and (max-width: 575px) {
    .velo-slide__figure {
        background-position: 75% !important;
    }

    .is-active .velo-slide__btn>a>span {
        background: rgba(255, 255, 255, 0.5);
        color: #22282e;
    }

    .mm_block_type_product {
        display: none !important;
    }

    #cms .mas {
        display: none;
    }

    #cms .button-container-2 button {
        -webkit-mask: none;
    }

    #cms .button-container-2 {
        display: block;
        margin: 0 auto;
        right: 0;
        left: 0;
        margin-top: 30px;
    }
}

@media screen and (min-width: 1200px) {
    .layout_layout1 .mm_menus_li:nth-child(2):hover>a {
        padding-bottom: 10px;
    }

    .layout_layout1 .mm_menus_li:nth-child(3):hover>a {
        padding-bottom: 10px;
    }

    .ets_mm_block_content a:hover {
        color: #1aa0d4 !important;
    }

    .layout_layout1.ets_mm_megamenu .mm_columns_ul {
        padding-bottom: 10px;
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        visibility: visible;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes shake {

    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {

    0%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.off {
    display: none !important;
}

.animation-logo-vente {
    animation: tada 1s ease;
}

.animation-logo-livraison {
    animation: slideInLeft 1s ease;
}

.animation-logo-conseils {
    animation: zoomIn 1s ease;
}

.animation-logo-location-de-machines-de-nettoyage {
    animation: shake 1s ease;
}

.animation-logo-service-apres-vente {
    animation: swing 1s ease;
}

/*
.slick-slider {
visibility: hidden !important; 
}   

.slick-initialized { 
visibility: visible !important;
}   */

/*
.slick-slide {
	display: none;
}
.slick-initialized .slick-slide {
	display: block;
}
 */

/* 
.slider { display: none; }
.slider.slick-initialized { display: block; }
   
 
#cms #wrapper {
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}  
.slick-initialized #wrapper  {
    visibility: visible !important;
    opacity: 1 !important;    
}
 */

@media screen and (min-width: 992px) {
    .t-1 {
        padding-left: 80px;
        top: 15px;
    }

    .t-2 {
        width: 100px;
    }

    .t-3 {
        top: 15px;
    }

    .t-4 {
        margin-left: 37px;
        margin-top: 40px;
    }

    .t-5 {
        margin-top: 150px;
    }

    .t-6 {
        margin-top: 40px;
        margin-left: -19px;
    }

    .t-7 {
        margin-top: 40px;
        margin-left: -18px;
    }

    .t-8 {
        margin-left: -42px;
        top: 150px;
    }

    .t-9 {
        width: 500px;
        margin-left: 30px;
    }
}

#error-fond {
    margin: 0;
    padding: 0;
}

#error-fond .comparison-wrapper {
    position: relative;
    width: 100%;
    height: 100vh;
}

#error-fond .comparison {
    position: absolute;
    overflow: hidden;
}

#error-fond .comparison.dev {
    transform: skew(-30deg);
    margin-left: -500px;
    width: calc(50vw + 500px);
}

#error-fond .comparison.dev .comparison-content {
    transform: skew(30deg);
    margin-left: 500px;
}

#error-fond .comparison .comparison-content {}

#error-fond .comparison img {
    width: 100vw;
}



.actu-news-div {
    margin-top: 30px;
    min-height: 475px;
}

@media screen and (max-width: 991px) {
    .snip1482 img {
        display: block;
        margin: 0 auto;
        left: 0;
        right: 0;
        filter: grayscale(82%);
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
    }

    .actu-news-div {
        margin-top: 30px;
        min-height: 600px;
    }

    .snip1482 img:hover,
    .snip1482 img:active {
        filter: none;
    }

    .snip1482 h2 {
        color: #1aa0d4;
        font-weight: 500;
    }
}

@media screen and (min-width: 992px) {
    .snip1482 {
        position: relative;
        float: left;
        min-width: 230px;
        max-width: 295px;
        min-height: 192px;
        width: 100%;
        color: #ffffff;
        text-align: right;
        line-height: 1.4em;
        background-color: #1aa0d4;
        font-size: 16px;

    }

    .snip1482 * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
    }

    .snip1482 img {
        position: absolute;
        right: 0%;
        top: 50%;
        opacity: 1;
        width: 100%;
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
        height: 100%;
    }

    .snip1482 figcaption {
        position: absolute;
        width: 50%;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 20px 0 20px 20px;
    }

    .snip1482 h2,
    .snip1482 p {
        margin: 0;
        width: 100%;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0;
    }

    .snip1482 h2 {
        text-transform: uppercase;
        margin-bottom: 5px;
    }

    .snip1482 p {
        font-size: 0.8em;
    }

    .snip1482 a {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
    }

    .snip1482:hover img,
    .snip1482.hover img {
        width: 55%;
        right: -10%;
        height: auto;
    }

    .snip1482:hover figcaption h2,
    .snip1482.hover figcaption h2,
    .snip1482:hover figcaption p,
    .snip1482.hover figcaption p {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
        color: white;
    }
}




.ba-slider {
    position: relative;
    overflow: hidden;
    max-height: 250px;
}

.ba-slider img {
    width: 100%;
    display: block;
    margin-top: -22px;
}

.resize {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
}


.handle {
    /* Thin line seperator */
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 4px;
    margin-left: -2px;
    background: #22282e;
    cursor: pointer;
}

.handle:after {
    /* Big orange knob  */
    position: absolute;
    top: 50%;
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -32px;
    content: '\21d4';
    color: white;
    font-weight: bold;
    font-size: 36px;
    text-align: center;
    line-height: 64px;
    background: #1aa0d4;
    border-radius: 50%;
    transition: all 0.3s ease;

}

.draggable:after {
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
    line-height: 48px;
    font-size: 30px;
}

.product-cover .layer:hover {
    background: rgba(26, 160, 212, 0.5);
}

.product-cover .layer {
    transition: all 0.3s ease;
}

.product-cover .layer .zoom-in {
    color: white;
}

.mm_has_sub>span>.fas {
    font-size: 20px;
    padding-top: 12px;
    color: white;
}

.mm_has_sub>.opened {
    transform: rotate(180deg);
}

#post-a-afficher-home {
    margin-top: 30px;
}

#post-a-afficher-home h1 {
    text-align: left;
    padding-bottom: 0px;
    font-size: 1.6rem;
    text-transform: none;
}

.page_home,
.page_home_gallery {
    margin-bottom: 0px;
    padding: 0px;
}

.page-cms-10 h1,
.page-cms-2 h1 
{
    text-align: left;
    padding-bottom: 0px;
    font-size: 1.6rem;
    text-transform: none;
}

.slider-nos-services,
.slider-nav,
.slider-nos-nouveautes,
#liste-des-fournisseurs {
    visibility: hidden;
}

.slider-nos-services.slick-initialized,
.slider-nav.slick-initialized,
.slider-nos-nouveautes.slick-initialized,
#liste-des-fournisseurs.slick-initialized {
    visibility: visible;
}


/* LIGNE DU TEMPS */

.date-timeline
{
    position: relative;
}

.point-to-line
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.item-line-left .point-to-line
{
    right: 0;
}

.item-line-right .point-to-line
{
    left: 0;
}

.item-line-left .point-to-line.p-4
{
    right: -26px;    
}

.item-line-right .point-to-line.p-4
{
    left: -26px;    
}

.timeline-liste-point
{
    margin: 0;
}





/* VIDEO HOME */

.panel-video-home
{
    margin-top: 10px;
}

.panel-video-home video
{
    margin: 0 auto;
    width: 100%;
    background-color: transparent !important;
}

.panel-video-home #video-home-full
{
    display: block;
    max-width: 2012px;
}

.panel-video-home #video-home-small
{
    display: none;
    max-width: 720px;
}

@media screen and (max-width: 767px)
{
    .panel-video-home #video-home-full
    {
        display: none;
    }
    
    .panel-video-home #video-home-small
    {
        display: block;
    } 

    .actu-news-div {
        margin-top: 30px;
        min-height: auto;
    }
}


/* POSITION LIGNE TEMPS */ 

.separationLigneTemps
{
    background-color: #1aa0d4;
    width: 6px;
    height: 800px;
    margin: 0 auto;
}

.item-time-line-1
{
    margin-left: 40px;
    float: none;
}

.item-time-line-2
{
    margin-top: 180px;
    margin-left: 40px;
    float: none;
}

.item-time-line-3
{
    margin-top: 120px;
    margin-left: 40px;
    float: none;
}

.item-time-line-4
{
    margin-top: 140px;
    margin-left: 20px;
    float: none;
}

.item-time-line-5
{
    margin-top: 120px;
    margin-left: 20px;
    float: none;
}

.item-time-line-6
{
    margin-top: 40px;
    margin-left: 20px;
    float: none;
}

@media (max-width: 1200px) 
{
    .item-time-line-1
    {
        margin-left: 0px;
    }

    .item-time-line-2
    {
        margin-left: 0px;
    }

    .item-time-line-3
    {
        margin-left: 0px;
    }

    .item-time-line-4
    {
        margin-left: auto;
    }

    .item-time-line-5
    {
        margin-left: auto;
    }

    .item-time-line-6
    {
        margin-left: auto;
    }


    .item-line-left .point-to-line.p-4 
    {
        right: -45px;
    }

    .item-line-right .point-to-line.p-4 
    {
        left: -45px;
    }
}

@media screen and (max-width: 767px)
{
    .ligneTempsPanel
    {
        display: none;
    }
} 

#search_filters .facet .facet-label a, 
#search_filters_brands .facet .facet-label a, 
#search_filters_suppliers .facet .facet-label a 
{
    margin-top: .4375rem;
    color: #22282e;
    display: inline-block;
    font-size: 12px;
    max-width: 230px;
}

#rechercheCategoryResp
{
    display: none;
}

@media screen and (max-width: 767px)
{
    #rechercheCategoryResp
    {
        display: block;
        margin-bottom: 30px;
    }

    #rechercheCategoryResp .search-widget
    {
        width: 100%;
    }

    #rechercheCategoryResp .search-widget form input[type="text"] 
    {
        border: 1px solid #1aa0d4;
        width: 100%;
    }
}  


.confirmation-accord-paiement
{
    position: relative;
    margin: 40px 0;
    cursor: pointer;
}

.confirmation-accord-paiement .case
{
    position: absolute;
    height: 15px; width: 15px;
    border: 2px solid #22282e;
}

.confirmation-accord-paiement p
{
    position: relative;
    padding-left: 40px;
}

.confirmation-accord-paiement.checked .case
{
    background-image: url('/img/check.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.barre-recherche-resp{display: none;}

@media (max-width: 767px) 
{   
    .barre-recherche-resp{display: block;}

    header
    {
        box-shadow: lightgrey 0px 15px 18px -15px !important;
        z-index: 50;
        position: relative;
    }

    .barre-recherche-resp,
    .barre-recherche-resp .search-widget,
    .barre-recherche-resp .search-widget .ui-autocomplete-input
    {
        width: 100%;
    }
}




.slider-home .slick-slide
{
  height: 35vw;
  }

  .slider-home .slick-slide
{
  position: relative;
  background-size: cover;
  background-position: center;
  background-color: white;
  }


    .slider-home .slick-slide .contenu-slide
    {
position: relative;
    top: 50%;
    text-align: center;
    transform: translateY(-50%);
    width: 100%;

    }

.slider-home .slick-slide .contenu-slide img {
    display: block;
    margin: 0 auto;
    margin-bottom: 45px;
    max-width: 80%;
}
    .slider-home .slick-slide .cover
{
position: absolute;
left: 0; top: 0; right: 0; bottom: 0;
    background: rgba(0,0,0,0.5);
  }

.slider-home .slick-slide .btn
  {
    font-size: 20px;
    line-height: 48px;
    padding: 0px 20px;
    position: relative;
    color: white;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 3px;
    background-color: #1aa0d4;
    transition: 0.2s ease color;
}

.slider-home .slick-slide .btn.inverse
{
color: #1aa0d4;
    background-color: white;
}

.slider-home .slick-slide:hover .btn
  {
    color: black;
}




.slider-home .slick-slide video
{
    height: 100%;
    margin: 0 auto;
    display: block;
}

.panel-slider-home .slider-home-next{
    position: absolute;
    right: 0;
    top: 50%;
    width: 45px;
    z-index: 50;
    transform: translateY(-50%) rotate(-135deg);
    cursor: pointer;
    transform-origin: left;
}

.panel-slider-home .slider-home-prev{ 
position: absolute;
    left: 30px;
    top: 50%;
    width: 45px;
    z-index: 50;
    transform: translateY(-50%) rotate(45deg);
    cursor: pointer;
    transform-origin: right;
}


@media (max-width: 991px){
.panel-slider-home .slider-home-next{
    width: 30px;
}

.panel-slider-home .slider-home-prev{
    width: 30px;
        left: 20px;
}

.slider-home .slick-slide {
    height: 100vw;
}

@media (max-width: 550px){

.slider-home .slick-slide {
    height: 130vw;
}
}

.slider-home #video-home-full
{
  display: none;
}


}