@charset "UTF-8";
@font-face {
    font-family: "HelveticaLight";
    src: url(https://assets.service-regional-joskin.be/fonts/HelveticaLTStd-Light.eot);
    src: local(HelveticaLTStd-Light), url(https://assets.service-regional-joskin.be/fonts/HelveticaLTStd-Light.woff2) format("woff2"), url(https://assets.service-regional-joskin.be/fonts/HelveticaLTStd-Light.woff) format("woff"), url(https://assets.service-regional-joskin.be/fonts/HelveticaLTStd-Light.ttf) format("truetype"),
      url(https://assets.service-regional-joskin.be/fonts/HelveticaLTStd-Light.otf) format("opentype");
    font-weight: 200;
    font-display: swap;
    -webkit-font-smoothing: antialiased;text-rendering: optimizelegibility;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";
  }
  
  @font-face {
    font-family: "HelveticaCondensedBlack";
    src: url(https://assets.service-regional-joskin.be/fonts/HelveticaCondensed-black.eot);
    src: local(HelveticaCondensed-black), url(https://assets.service-regional-joskin.be/fonts/HelveticaCondensed-black.woff2) format("woff2"), url(https://assets.service-regional-joskin.be/fonts/HelveticaCondensed-black.woff) format("woff"), url(https://assets.service-regional-joskin.be/fonts/HelveticaCondensed-black.ttf) format("truetype"),
      url(https://assets.service-regional-joskin.be/fonts/HelveticaCondensed-black.otf) format("opentype");
    font-weight: 900;
    font-display: swap;
    -webkit-font-smoothing: antialiased;text-rendering: optimizelegibility;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";
  }
  
 
@font-face {
    font-family: "HelveticaBold";
    src: url(https://assets.service-regional-joskin.be/fonts/HelveticaLTStd-Bold.eot);
    src: local(HelveticaLTStd-Bold), url(https://assets.service-regional-joskin.be/fonts/HelveticaLTStd-Bold.woff2) format("woff2"), url(https://assets.service-regional-joskin.be/fonts/HelveticaLTStd-Bold.woff) format("woff"), url(https://assets.service-regional-joskin.be/fonts/HelveticaLTStd-Bold.ttf) format("truetype"),
      url(https://assets.service-regional-joskin.be/fonts/HelveticaLTStd-Bold.otf) format("opentype");
    
    font-display: swap;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga","kern";
  }
  
  
  @font-face {
    font-family: "helveticaRoman";
    src: url(https://assets.service-regional-joskin.be/fonts/HelveticaLTStd-Roman.eot);
    src: local(HelveticaLTStd-Roman), url(https://assets.service-regional-joskin.be/fonts/HelveticaLTStd-Roman.woff2) format("woff2"), url(https://assets.service-regional-joskin.be/fonts/HelveticaLTStd-Roman.woff) format("woff"), url(https://assets.service-regional-joskin.be/fonts/HelveticaLTStd-Roman.ttf) format("truetype"),
      url(https://assets.service-regional-joskin.be/fonts/HelveticaLTStd-Roman.otf) format("opentype");
    font-display: swap;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga","kern";
  }


/* fancybox */
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}

/* slick */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}



html {
    font-family: 'helveticaRoman', Arial, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent;
    -webkit-animation: all .2s ease;
    -moz-animation: all .2s ease;
    -o-animation: all .2s ease;
    -ms-transition: all .2s ease;
    animation: all .2s ease
}

svg {
    transition: stroke .2s ease-in-out
}
.whiteMenu .top-infos a{
    display: flex;
    align-items: center;
    margin-right: 2rem;
    transition: cubic-bezier(.24,.28,.07,.92) all .5s;
}

.whiteMenu .top-infos:last-child{
    margin-right:0;
}
.whiteMenu .top-infos span{
    color: #fff;
    text-transform: initial;
}
.whiteMenu .top-contact .btn-green{
    border-radius: 3rem;
    display:none;
}


.whiteMenu .lang a:active svg {
    fill: #535353;
    stroke: #535353
}



a:active {
    color: #535353
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}


dfn, .italic {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    padding: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

.nos-equipe-cover-ctn div{
    padding:.5rem 0;
}

@media print {

    *,
    :after,
    :before {
        color: #000 !important;
        text-shadow: none !important;
        background: 0 0 !important;
        box-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,
    .table th {
        background-color: #fff !important
    }

    .table-bordered td,
    .table-bordered th {
        border: 1px solid #ddd !important
    }

    a{
        font-size: 16px;
    }
  
}


.btn-contact{
    margin-bottom:10rem;
}


* {
    box-sizing: border-box
}

:after,
:before {
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: 'HelveticaRoman', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    overflow-x: hidden;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7;
    text-decoration: none
}

a:focus,
a:hover {
    color: #23527c;
    text-decoration: underline
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.row {
    margin-right: -15px;
    margin-left: -15px;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
}

.row-no-gutters {
    margin-right: 0;
    margin-left: 0
}

.row-no-gutters [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

@media (min-width:767px) {

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

  
}

@media (min-width:992px) {

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }
}

@media (min-width:1200px) {

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }
}


a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

a,
button,
img,
input,
select,
span,
textarea {
    outline: 0
}

::after,
::before {
    outline: 0 !important
}

a:focus,
a:hover {
    color: initial;
    text-decoration: none
}



html {
    background: rgb(238, 238, 238);
    width: 100%;
}


input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}



ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

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

::-webkit-scrollbar-track-piece {
    background-color: #e7e7e7
}

::-webkit-scrollbar-thumb {
    background-color: #535353
}

iframe {
    max-width: 100%
}

.dlOther.menuTop {
    overflow: hidden
}

body footer {
    line-height: 11px;
    width: 100%;
    float: left;
    background: #25303b;
    padding: 0 0 1em;
    position: relative;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow:hidden;
}

.footer-image{
    position:absolute;
    top:0;
    z-index:-1;
}


input {
    border-radius: 0 !important;
    -webkit-appearance: none !important
}

input[type=checkbox] {
    -webkit-appearance: checkbox !important
}

input[type=radio] {
    -webkit-appearance: radio !important
}

h2,
p,
span {
    -webkit-text-size-adjust: 100%
}

a {
    text-decoration: none;
}

.clr {
    clear: both
}

h3 {
    font-weight: 400
}

p {
    text-align: justify
}

p.more{
    text-align: center;
}

a {
    transition: all ease .2s
}

body {
    -webkit-text-size-adjust: 100%;
    height: auto;
    width: 100%;
    background: #fff;
    font-family: 'helveticaRoman', Arial, sans-serif;
    word-wrap: break-word;
    font-size: 15px;
    letter-spacing: normal;
    word-break: break-word;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    overflow-x: hidden;
}

b {
    font-family: 'helveticaBold', Arial, sans-serif;
    font-weight: 400;
}

label {
    display: inherit
}

.no-uppercase {
    text-transform: inherit !important;
}
.no-uppercase a{
    text-transform: inherit !important;
}
.headMenu a {
    font-family: 'helveticaRoman', Arial, sans-serif;
    display: inline-block;
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
    line-height: 18px;
    transition: cubic-bezier(.24,.28,.07,.92) all .5s;
}

.menu-toggle-bar {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    width: 50%;
    height: 2px;
    border-radius: 4px;
    background-color: #fff;
    transition: all .3s ease;
    text-align: center;
    margin: -1px 10px;
    line-height: 13px
}

.menu-toggle-bar--top {
    transform: translate(0, -6px)
}

.menu-toggle-bar--bottom {
    transform: translate(0, 6px)
}

.nav-open .menu-toggle-bar--top {
    transform: translate(0, 0) rotate(45deg);
    background-color: #64AA32
}

.nav-open .menu-toggle-bar--middle {
    opacity: 0
}

.nav-open .menu-toggle-bar--bottom {
    transform: translate(0, 0) rotate(-45deg);
    background-color: #64AA32
}

.menu-toggle {
    display: none;
    position: fixed;
    z-index: 101;
    background: #64AA32;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    font-size: 2.5rem;
    bottom: 2rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #fff
}

.menu-toggle.samsung-menu {
    left: inherit;
    right: 25px;
}

.menu-toggle.nav-open {
    position: fixed;
    z-index: 1000;
    background: #fff;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    font-size: 2.5rem;
    bottom: 2rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: #64AA32
}

.menu-toggle.samsung-menu.nav-open {
    left: inherit;
    right: 25px;
}

.nav-open .menu-toggle-bar {
    margin: -1px 9px
}



#menu-burger {
    overflow-x: hidden;
    overflow-y: scroll;
}

.overlay.menu-burger {
    background: rgba(37, 48, 59, 0.97);

}

.overlay.menu-burger h1 {
    color: #fff;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    font-size: 9rem;
    text-align: center;
    margin: 4rem 0 0
}

.menu-burger-content {
    display: block;
    width: 100%;
    position: relative;
    padding:0 20px;
}

.mb-wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    max-width: 700px;
}

.mb-wrapper nav a{
    display:inline-block;
    width:100%;
}

.mb-wrap {
    height: 45px;
    background: #fff;
    width: 100%;
    margin: 1.5rem auto;
    position: relative;
    display: inline-block;
}
.mb-wrap:before {
    content: "";
    border-bottom: 30px solid transparent;
    border-left: 5px solid transparent;
    border-top: 15px solid #fff;
    border-right: 10px solid #fff;
    content: "";
    height: 0;
    left: -15px;
    position: absolute;
    top: 0;
    width: 0;
}
.mb-wrap:after {
    content: "";
    border-bottom: 30px solid #fff;
    border-left: 5px solid #fff;
    border-top: 15px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    height: 0;
    right: -15px;
    position: absolute;
    top: 0;
    width: 0;
}

.mb-wrap-content{
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    padding: 1rem;
}
.mb-wrap-content span{
    text-transform: uppercase;
    font-size: 1.5rem;
    color: #25303b;
}
.mb-wrap-content.active span{
    color: #64aa32;
}


.headMenu span, .headMenu svg  {
    transition : all .5s  cubic-bezier(.24,.28,.07,.92);
}

.burger-menu {
    display: none
}

.headMenu .agent a {
    font-family: 'helveticaRoman', Arial, sans-serif;
    
    color: #64AA32
}





.preload * {
    transition: none!important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
  }


.messageBox{
    position: fixed;
    opacity: 0;
    height: auto;
    width: 100%;
    max-width: 300px;
    max-height: 100px;
    text-align: center;
    left: 0;
    bottom: -20rem;
    z-index: 201;
    margin: auto;
    right: 0;
    transition: all .5s cubic-bezier(.24,.28,.07,.92);
}

.messageBox.active{
    opacity: 1;
    bottom:8rem;
}

.messageBox div{
    background: #64aa32;
    padding:2rem 4rem;
    border-radius:25px;
    box-shadow:0px 2px 15px rgb(86 86 86);
}
.messageBox div p{
    color:#fff;
    text-align:center;
    line-height:1.8rem;
}


.lang-container{
    position: fixed;
    opacity: 0;
    transform: translateY(-100vh);
    height: 100vh;
    width: 100%;
    max-width: 500px;
    max-height: 500px;
    text-align: center;
    /* max-width: 1920px; */
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 102;
    margin: auto;
    right: 0;
    transition: all .5s cubic-bezier(.24,.28,.07,.92);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}

.lang-container.active{
    opacity: 1;
    transform: translateY(0);
}




.overlay-content{
    text-align: center;
    background-color: #25303b;
    padding: 5rem 15rem;
    border-radius: 3rem;
    position: relative;
    z-index: 101;
}

.overlay-content a{
    display: block;
    margin: 2rem 0;
    text-transform: uppercase;
    color: #fff;
    font-size: 2rem;
}


.overlay-content a img{
    display: block;
    margin: 4rem auto 2rem ;
    transition: all .5s  cubic-bezier(.24,.28,.07,.92);

}



.whiteMenu svg {

    float: right;
    
    fill: #fff;
    stroke: #25303b;;
    display: inline-block;
    margin-right: 0.5rem;
}



.head-active .joskin-sprite {
    display: none !important;
}

.headMenu {
    float: right;
    box-sizing: initial;
    padding-right: 35px
}

.header-list {
    display: block;
    width: 100%;
    background: #fff;
    color: #64AA32;
    min-height: 15px;
    overflow: hidden;
}

.header-list .inline-list {
    display: block;
    line-height: 35px;
    font-family: 'helveticaRoman', Arial, sans-serif;
    border-bottom: 1px solid #25303b;
}

.header-list .inline-list:first-child {
    margin-left: -2px
}

.header-list .menu-list {
    width: calc(100% / 8.15);
    cursor: pointer;
    text-align: center;
    display: inline-block;
}


.header-list .menu-list .menu-link,
.header-list .menu-list li a {
    color: #25303b;
    display: block;
    margin-left: -4px;
    text-transform: uppercase
}
.header-list .menu-list .menu-link p{
    font-size: 1.5rem;
}
.header-list .menu-list .menu-link.active p{
    color: #64aa32;
}
.header-list .menu-list .btn-yellow {
    line-height: 22px
}

.header-list .menu-sub-list a {
    line-height: 20px;
    padding: 9px 0 3px 10px
}

.header-list .menu-list .menu-link {
    transform: skew(20deg);
    text-align: center;
    border-right: 1px solid #25303b;
}

.header-list{
    position:relative;
    overflow: hidden;
}
.header-list .menu-list.contact::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 99%;
    background-color: #64aa32;
    top: 0;
    transition: all ease .2s;
    border-bottom: 1px solid #25303b;
}
.header-list .menu-list.contact .menu-link{
    background-color: #64aa32;
    color: #fff;
    border-right:none;
    border-bottom: 1px solid #25303b;
}

.header-list .menu-list.contact .menu-link p{
    margin-left: 4px;
    color: #fff;
}

.header-list .menu-list .menu-link p {
    transform: skew(-20deg);
    text-align: center
}



.header-list .menu-list .menu-link p{
    transition: all .2s ease;
}


.header-list .menu-list .menu-link svg {
    transition: .4s all
}


.dropdown-content .col .list-content {
    font-size: .9em;
    color: rgb(172, 176, 185);
    padding: 0;
    padding-left: 10px;
    /* height: 25px; */
    line-height: 25px
}

.new-product svg{
    width:50px;
}

.dropdown-content .col .list-title {
    margin-top: 5px
}


.menu-link a {
    position: relative
}

.menu-link svg {
    width: 20px;
    height: 20px;
    float: left;
    position: absolute;
    margin: 8px;
    stroke-width: 25px;
    stroke: #64aa32;
}

.overlay-background {
    opacity: 0;
    width: 100%;
    height: 0;
    position: fixed;
    z-index: -1;
    background: rgb(0 0 0 / 63%);
    max-width: 1920px;
    transition: opacity .3s;

}

.menu-sub-list {
    border-left: 2px solid #fff;
    padding-right: 15px;
    padding-left: 30px;
    min-width: 340px;
}



.header-list .menu-list li .hover-list {
    color: #ffd600;
    text-decoration: none;
    background: #384750;
    border-radius: 3px;
    transition: all .5s
}

.btn-mobile {
    display: none
}

.btn-yellow.btn-mobile {
    display: none;
    width: 40px;
    font-size: 27px;
    padding: 0;
    height: 40px;
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 3;
    text-align: center
}

.btn-yellow-border.btn-mobile {
    width: 40px;
    font-size: 30px;
    padding: 0;
    display: none;
    height: 40px;
    text-align: center;
    text-align: center;
    line-height: 38px
}

.btn-yellow {
    cursor: pointer;
    color: #25303b;
    text-transform: uppercase;
    background: #ffd600;
    padding: .5em 1em;
    font-family: 'helveticaRoman', Arial, sans-serif;
    height: 35px;
    box-shadow: inset 0 0 0 2px #ffd600;
    border: none;
    text-align: center;
    transition: all .6s cubic-bezier(.5, 0, .3, 1);
    font-size: 15px;
    display: inline-block;
    height: auto;
    /* line-height: 22px; */
}


.btn-green {
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    background: #64AA32;
    padding: .5em 1em;
    font-family: 'helveticaRoman', Arial, sans-serif;
    text-align: center;
    transition: color .6s cubic-bezier(.5, 0, .3, 1), background .6s cubic-bezier(.5, 0, .3, 1);
    box-shadow: inset 0 0 0 2px #64AA32;
    border: none;
    font-size: 15px;
    display: inline-block;
    height: auto;
    line-height: 22px;
    margin: 10px;
}


.btn-blue {
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    background: #00ade9;
    padding: .5em 1em;
    font-family: 'helveticaRoman', Arial, sans-serif;
    text-align: center;
    transition: color .6s cubic-bezier(.5, 0, .3, 1), background .6s cubic-bezier(.5, 0, .3, 1);
    box-shadow: inset 0 0 0 2px #00ade9;
    border: none;
    font-size: 15px;
    display: inline-block;
    height: auto;
    line-height: 22px;
    margin: 10px;
}


.btn-orange {
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    background: #fbb03b;
    padding: .5em 1em;
    font-family: 'helveticaRoman', Arial, sans-serif;
    text-align: center;
    transition: color .6s cubic-bezier(.5, 0, .3, 1), background .6s cubic-bezier(.5, 0, .3, 1);
    box-shadow: inset 0 0 0 2px #fbb03b;
    border: none;
    font-size: 15px;
    display: inline-block;
    height: auto;
    line-height: 22px;
    margin: 10px;
}


.btn-green-border {
    cursor: pointer;
    text-align: center;
    color: #64AA32;
    text-transform: uppercase;
    margin: 10px;
    font-family: 'helveticaRoman', Arial, sans-serif;
    padding: .5em 1em;
    background: 0 0;
    transition: color .6s cubic-bezier(.5, 0, .3, 1), background .6s cubic-bezier(.5, 0, .3, 1);
    box-shadow: inset 0 0 0 2px #64AA32;
    border: none;
    height: 37px;
    font-size: 15px;
    display: inline-block;
    height: auto;
    line-height: 22px;
}


.btn-green-border:active,
.btn-green:active {
    color: #c0f3c2
}

.btn-yellow-border {
    cursor: pointer;
    text-align: center;
    color: #ffd600;
    text-transform: uppercase;
    font-family: 'helveticaRoman', Arial, sans-serif;
    padding: .5em 1em;
    background: 0 0;
    transition: color .6s cubic-bezier(.5, 0, .3, 1), background .6s cubic-bezier(.5, 0, .3, 1);
    box-shadow: inset 0 0 0 2px #ffd600;
    border: none;
    font-size: 15px;
    display: inline-block;
    height: auto;
    line-height: 22px;
}


.btn-yellow-border:active,
.btn-yellow:active {
    color: #8a7922
}


.btn-blue-border {
    cursor: pointer;
    text-align: center;
    color: #00ade9;
    text-transform: uppercase;
    font-family: 'helveticaRoman', Arial, sans-serif;
    padding: .5em 1em;
    background: 0 0;
    transition: color .6s cubic-bezier(.5, 0, .3, 1), background .6s cubic-bezier(.5, 0, .3, 1);
    box-shadow: inset 0 0 0 2px #00ade9;
    border: none;
    font-size: 15px;
    display: inline-block;
    height: auto;
    line-height: 22px;
}



.checkMail {
    height: 0%;
    display: none;
    transition: all ease .5s
}
.checkMail.uiMail{
    cursor:pointer;
}

#checkMail-page:checked+.uiMail span svg {
    background: #35b12d;
    border-radius: 100%;
    border: 1px transparent solid;
    stroke: #fff;
}

#checkMail-page {
    display: none
}

.all_occas_btn{
    display: block;
}

.all_occas_btn span{
    vertical-align: middle;
    color: #7d7d7d;
    font-size: 18px;
}
.all_occas_btn svg{
    vertical-align: middle;
    transform: rotate(180deg);
    stroke: none;
    fill: #7d7d7d;
    position: relative;
    margin-left:.5rem;
    transition: all cubic-bezier(.24,.28,.07,.92) .5s ;
    margin-bottom:.5rem
}

.checkMail {
    height: 0%;
    display: none;
    transition: all ease .5s
}

#checkMail:checked+.uiMail span svg {
    background: #35b12d;
    border-radius: 100%;
    border: 1px transparent solid;
    stroke: #fff;
}

#checkMail {
    display: none
}


.uiMail span {
    float: left;
    margin: -.4rem 1rem 3rem 0;
}

.uiMail span svg {
    width: 30px;
    height: 30px;
    stroke: transparent;
    
    background: #25303b;
    border-radius: 100%;
    border: 1px solid #fff;
}


.uiMail {
    margin: 2rem 0 0 0;
    line-height: 20px;
    width: 100%;
    font-size: 14px;
    color: #fff;
}

.newsletterMessage{
    color: #f12727;
}

.newsletterMessage svg{
    width: 100px; height: 100px;
}

#allCookie {
    position: fixed;
    bottom: 0;
    background: #fff;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #a7a7a7;
    padding: 1em 0;
    z-index: 102;
    box-shadow: 0 0 4px #929292;
    display: none;
    max-width: 1920px;
}

#validCookie.linkTitleBig {
    margin: 0;
    border: 0;
    cursor: pointer
}

#insideCookie {
    max-width: 1600px;
    margin: auto;
    padding: 0 1rem
}

#insideCookie form,
#insideCookie span {
    display: inline-block
}

#insideCookie form {
    margin: 0 0 0 2rem
}

.joskin-spinner {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    padding: 1rem 2rem;
    border-radius: 9px;
    z-index: 99999;
    display: none;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.joskin-spinner>div {
    height: 50px;
    width: 11px;
    transform: rotate(-20deg);
    display: inline-block;
    box-shadow: rgba(0, 0, 0, .4) 0 3px 9px;
    -webkit-animation: sk-stretchdelay .9s infinite ease-in-out;
    animation: sk-stretchdelay .9s infinite ease-in-out
}

.joskin-spinner .bar1 {
    -webkit-animation-delay: -1.1s;
    background-color: #c5c5c5;
    animation-delay: -1.1s
}

.joskin-spinner .bar1:before {
    background-color: #c5c5c5;
    border-style: solid;
    border-color: #c5c5c5 transparent transparent transparent;
    content: "";
    display: block;
    transform: rotate(0) matrix(1, .4, 0, 1.9, 0, -1)
}

.joskin-spinner .bar1:after {
    background-color: #c5c5c5;
    border-style: solid;
    border-color: #c5c5c5 transparent transparent transparent;
    content: "";
    display: block;
    transform: rotate(0) matrix(1, .4, 0, 1.9, 0, 43)
}

.joskin-spinner .bar2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    background-color: #ffd600
}

.joskin-spinner .bar2:before {
    background-color: #ffd600;
    border-style: solid;
    border-color: #ffd600 transparent transparent transparent;
    content: "";
    display: block;
    transform: rotate(0) matrix(1, .3, 0, 1.9, 0, -1);
}

.joskin-spinner .bar2:after {
    background-color: #ffd600;
    border-style: solid;
    border-color: #ffd600 transparent transparent transparent;
    content: "";
    display: block;
    transform: rotate(0) matrix(1, .3, 0, 1.9, 0, 45);
}

.joskin-spinner .bar3 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s;
    background-color: #35b12d
}

.joskin-spinner .bar3:before {
    background-color: #35b12d;
    border-style: solid;
    border-color: #35b12d transparent transparent transparent;
    content: "";
    display: block;
    transform: rotate(0) matrix(1, .3, 0, 1.9, 0, -1)
}

.joskin-spinner .bar3:after {
    background-color: #35b12d;
    border-style: solid;
    border-color: #35b12d transparent transparent transparent;
    content: "";
    display: block;
    transform: rotate(0) matrix(1, .3, 0, 1.9, 0, 45);
}

.joskin-spinner .bar4 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s;
    background-color: #c5c5c5
}

.joskin-spinner .bar4:before {
    background-color: #c5c5c5;
    border-style: solid;
    border-color: #c5c5c5 transparent transparent transparent;
    content: "";
    display: block;
    transform: rotate(0) matrix(1, .4, 0, 1.9, 0, -1)
}

.joskin-spinner .bar4:after {
    background-color: #c5c5c5;
    border-style: solid;
    border-color: #c5c5c5 transparent transparent transparent;
    content: "";
    display: block;
    transform: rotate(0) matrix(1, .4, 0, 1.9, 0, 43)
}

@-webkit-keyframes sk-stretchdelay {

    0%,
    100%,
    40% {
        transform: rotate(-13deg) scaleY(.9)
    }

    20% {
        transform: rotate(-13deg) scaleY(0)
    }
}

@keyframes sk-stretchdelay {

    0%,
    100%,
    40% {
        transform: rotate(-13deg) scaleY(.9)
    }

    20% {
        transform: rotate(-13deg) scaleY(0)
    }
}

.whiteMenu div {
    float: right;
    margin: 0 1rem;
}

.whiteMenu div a {
    padding:0 .5em;
    vertical-align: middle;
}

.whiteMenu .lang a {
    position: relative;
    cursor: pointer;
}

.whiteMenu .lang a svg {
    stroke: #fff;
    width: 20px;
    height: 20px;
    stroke-width: 25px;
    margin: 0 0px 0 0;
    vertical-align:middle;
    float: none;
}

.whiteMenu .lang a img{
    vertical-align: middle;
}

.whiteMenu div.agent {
    float: right
}

.head-small .whiteMenu .contact,
.head-small .whiteMenu .dealer,
.head-small .whiteMenu .jobs,
.head-small .whiteMenu .findbook {
    font-size: 0;
    margin: 8px 15px
}

[data-src]::before {
    content: '';
    display: block;
    /* padding-top: 56.25%; */
}

.logo {
    float: left;
    padding: 0 .5em 0 35px
}

.logo.mobile-head-sticky {
    position: absolute;
    text-align: center;
    display: block;
    top: 0;
    bottom:0;
    margin: auto;
    height: 47px;
}

/* .headMenu */


.logo .joskin-sprite:active {
    background-color: #d2dce8
}

.whiteMenu {
  
    width: 100%;
    float: right;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}

.head,
.header {
    width: 100%;
    float: left;
    border-left-width: 0;
    border-right-width: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.head{
    padding: 0.5rem 0;
}

.menuLeft {
    float: left
}

.header {
    position: relative;
    z-index: 101;
    max-width: 1920px;
    background: rgba(37, 48, 59, 1);
    /* backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px); */
    float: none;
}

.head-active {

    padding: 1rem 0;
    background-color:#25303b;
}

.error-input {
    border: 2px solid #f66b6b !important;
}

.error-span {
    color: #d31b1b;
    display: none;
}

.hide-element {
    display: none
}

.menu{
    width: 100%;
}
#header-logo a img{
    transition: all .5s cubic-bezier(.24,.28,.07,.92);
    vertical-align: middle;
}




@media(max-width: 1600px){
    .whiteMenu div.agent.calendar{
        height:auto;
    }
}



::-moz-selection {
    background: #f1d845
}

::selection {
    background: #f1d845
}
/* Slick */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-slide.h-sld{
    position: relative;
}
.slick-slide{
    display: none;
}
.slick-initialized .slick-slide {
    display: block
}

.h-sld .title{
    opacity: 0;
}
.slick-initialized .h-sld  .title{
    opacity: 1;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dotted.slick-slider {
    margin-bottom: 40px
}

.slick-dots {
    position: absolute;
    display: block;
    width: 100%;
    padding-bottom: 10px;
    margin: 0;
    list-style: none;
    text-align: center;
    z-index: 10
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 10px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0;
    transition: all ease .4s;
    border-radius: 50px;
    background-color: #64aa32;
    transform: scale(0.5);
}

.slick-dots li.slick-active button{
    background-color: #64aa32;
    transform: scale(1);
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0;
    transform: scale(1);
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    color: #000
}

.slick-dots li button:before {
    content: ""
}

.slick-dots li.slick-active button:before {
    content: ""
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    border: none;
    outline: 0;
    z-index: 10;
    transition: all .4s;
    box-shadow:0px 0px 10px rgb(0 0 0 / 12%);
}

.slick-arrow{
    cursor: pointer;
}



.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.slick-next.slick-disabled,
.slick-prev.slick-disabled {
    -moz-opacity: .25;
    -khtml-opacity: .25;
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-size: 20px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: 0;
    z-index: 9;
    background: url(https://assets.service-regional-joskin.be/images/arrow-left.svg) #fff no-repeat center;
    background-size: 75%;
    float: left;
    width: 40px;
    height: 40px;
    border-radius:50%;
}

[dir=rtl] .slick-prev {
    right: 0;
    left: auto
}

.slick-prev:before {
    content: " "
}

[dir=rtl] .slick-prev:before {
    content: " "
}

.slick-next {
    right: 0;
    background: url(https://assets.service-regional-joskin.be/images/arrow-right.svg) #fff no-repeat center;
    background-size: 75%;
    float: left;
    width: 40px;
    height: 40px;
    border-radius:50%;
}

[dir=rtl] .slick-next {
    right: auto;
    left: 0
}

.slick-next:before {
    content: " "
}

[dir=rtl] .slick-next:before {
    content: " "
}

input:focus,
select:focus,
textarea:focus {
    outline: 0
}

select:focus,
textarea:focus {
    outline: 1px solid #64AA32
}

.vertical {
    vertical-align: top
}

.rtl {
    direction: rtl
}

.footerAlign {
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.download-file {
    text-align: center;
}

.download-file a {
    color: #e7e7e7;
    font-size: 12px;
}



.header {
    top: 0
}

.green {
    background: #64AA32
}






/* FIN MENU */

.center_title {
    margin: 4rem auto;
    text-align: center;
    color: #1d1d1d;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-bottom:1.5rem;
    font-family: 'helveticaCondensedBlack', Arial, sans-serif;
  }
  
  .center_title span {
    margin: 0 2rem;
    display: inline-block;
    font-size: 4.5rem;
    line-height: 4.5rem;
    text-transform:uppercase;
    
  }

  .center_title::after{
    position: absolute;
      top: unset;
      overflow: hidden;
      width: 100px;
      height: 3px;
      content: "";
      background-color: #64AA32;
      bottom: 0;
      right: 0;
      left: 0;
      margin: auto;
  }

  .capital{
    text-transform: capitalize;
}
.uppercase{
    text-transform: uppercase;
}
.bold{
    font-family: HelveticaBold, Arial, sans-serif;
}

/* Header */

.header-homepage{
    position: relative;
    aspect-ratio: 64/25;
}
.header-homepage img, .header-homepage video{
    max-width: 100%;
    height: auto;
    aspect-ratio: 64/25;
}
.header-homepage .title{
    position: absolute;
    left:0;
    right:0;
    margin: auto;
    top: 3rem;
    padding: 2rem;
    z-index: 1;
    line-height: normal;
    max-width: 1200px;
   
}
.showroom{
    padding: 10rem;
}
.showroom iframe {
    margin: auto;
    display: block;
    height: 850px;
}

h1,h2{
    font-family: 'HelveticaCondensedBlack', Arial, sans-serif;
    line-height: normal;

}
h3{
    font-family: 'helveticaBold', Arial, sans-serif;
}

p, li{
    font-size: 1.8rem;
    color: #1d1d1d;
}

.header-homepage .title h1{
    text-align: center;
    color: #fff;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.76);
    font-size: 5.5rem;
    text-transform: uppercase;
}

.header-homepage .title h1 b{
    color: #64aa32;
    font-family: 'HelveticaCondensedBlack', Arial, sans-serif;

}

.header-homepage .overflow{
    width:100%;
    height:100%;
    position: absolute;
    left:0;
    right:0;
    top:0;
    margin: auto;
    background: linear-gradient(180deg, rgba(37, 48, 59, 0.8) 0%, rgba(255, 255, 255, 0) 33%);
}

.header-nav svg{
    stroke :none;
}

.header-nav{
    width: 75%;
    background-color: #fff;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 25%);
    margin: -20rem auto 0;
    padding: 2rem 4rem;
    border-radius: 2rem;
    text-align: center;
    z-index: 1;
    position: relative;
}

.header-nav h2, .block-top h2{
    margin-bottom: 2rem;
    text-transform: uppercase;
    font-size: 3.2rem;
    font-family: 'HelveticaCondensedBlack', Arial, sans-serif;

}

.header-nav .items{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.header-nav .items .item{
    padding: 2rem;
    flex-basis: 25%;
}



.header-nav .items .item .picto{
    margin: auto;
}

.header-nav .items .item .picto svg{
    max-width: 150px;
    width: 100%;
}



.header-nav .items .item h3{
    text-transform: uppercase;
    margin-top: 2rem;
    position: relative;
    display: inline-block;
    color: #1d1d1d;
    transition: cubic-bezier(.24,.28,.07,.92) all .5s;

}
/* 
.header-nav .items .item h3::after{
    content:"";
    position: absolute;
    left:0;
    bottom:0;
    width:0;
    height:1px;
    background-color: #64aa32;
    transition: cubic-bezier(.24,.28,.07,.92) all .5s;
} */


@keyframes bounced{
    0%{
        transform: scale(0);
    }
    50%{
        transform: scale(1.1);
    }
    100%{
        transform: scale(1);
    }
}
#picto-stocks #new, #picto-stocks #stars{
    transform: scale(0);
}

@keyframes roll{
    0%{
        transform: rotate(0deg);
    }
   
      
    100%{
        transform: rotate(360deg);
    }
}


 #droite-team{
     transform: translateX(100%);
     transition: all cubic-bezier(.24,.28,.07,.92) .5s;
 }

 #gauche-team{
    transform: translateX(-100%);
    transition:all cubic-bezier(.24,.28,.07,.92) .5s; 
}

main.main-homepage{
    text-align: center;
}

main h2{
    color: #1d1d1d;
    
    text-transform: uppercase;
    text-align:center;
    font-size: 3.2rem;
    position: relative;
    display: inline-block;
    margin-bottom: 4rem;
}

main h2::after{
    content: "";
    position: absolute;
    left:0;
    right:0;
    margin:auto;
    bottom:-1rem;
    width: 60px;
    height:3px;
    border-radius: 3px;
    background-color: #64aa32;
}

.d-flex{
    display: flex;
    justify-content: space-between;
}

.fendt-block .d-flex{
    align-items: center;
}

.fendt-block .l-block{
    margin-left: 12.5%;
    width: 50%;
}

.fendt-block .r-block{
    margin-right: 12.5%;
}

.fendt-block .r-block img{
    aspect-ratio: 4/3;
}

.fendt-block h3{
    font-size: 2.5rem;
    color: #1d1d1d;
    text-transform: uppercase;
}

.fendt-block .logo-marque{
    max-width: 295px;
    width: 100%;
    display:block;
    margin: 5rem auto;
    stroke: none;
    fill: #07601F;
}
.buttonContact{
    cursor: pointer;
}
.btn{
    display:inline-block;
    background-color: #64aa32;
    border-radius: 3rem;
    color: #fff;
    font-family: "HelveticaRoman", Arial, sans-serif;
    padding: 1rem 2.5rem;
    border:none;
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;    
    transition: cubic-bezier(.24,.28,.07,.92) all .5s;
    border:3px solid #64aa32;
}
.btn-fendt{
    background-color: #07601F;
    border: 3px solid #07601F;
}
.btn-border{
    background-color: #fff;
    border: 3px solid #64aa32;
    color: #64aa32;
    text-align: center;
    cursor: pointer;
}

.btn-border svg{
    vertical-align: middle;
    fill: transparent;
   
    display: inline-block;
    margin-right: 5px;
    width: 25px;
    height: 25px;

}

.contactOccas a.btn-border{
    color: #64aa32;
    transition: cubic-bezier(.24,.28,.07,.92) all .5s;
}

.contactOccas a.btn-border:hover{
    color: #fff;
}

.btn-border.fav-btn svg{
    stroke-width: 2px;
    stroke: #64aa32;
    fill: #fff;
}

.btn-border.print-btn svg{
    fill: #64aa32;
    stroke: transparent;
}

.print-btn svg{
    margin-right: 5px;
}

.occasTitle span.sold{
    background-color: #C91715;
    color: #fff;
    padding: 0.5rem 2rem;
    display: inline-block;
    margin-top: 1rem;
    text-transform: uppercase;
}



.btn::after{
    content:"";
    position:relative;
    width: 20px;
    height: 20px;
    background-image: url('https://assets.service-regional-joskin.be/images/icons/arrow-right-w.svg');
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1rem;
    opacity: 0;
    transform: translateX(-25px);
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin:auto;
    transition: cubic-bezier(.24,.28,.07,.92) all .5s;
}


a.btn{
    color: #fff;
}

.btn-ext::after{
    background-image: url('https://assets.service-regional-joskin.be/images/icons/link-ext.svg');

}

.main-homepage img{
    max-width: 100%;
    height: auto;
}

.slider-marques{
    margin-bottom: 2rem;
}

.slider-marques article.slick-slide{
    text-align:center;
    padding: 2rem;
    height: 235px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: cubic-bezier(.24,.28,.07,.92) all .5s;
    border: 3px solid transparent;
    cursor: pointer;
}

.slider-marques article img{
    display:block;
    margin: auto;
    max-width: 100%;
    transition: cubic-bezier(.24,.28,.07,.92) all .5s;
}
.slider-marques article span{
    display:inline-block;
    font-family: 'HelveticaLight', Arial, sans-serif;
    font-size: 1.8rem;
    text-transform :uppercase;
    padding: 1rem 0;
}

.slider-marques article.light span{
    color: #fff;
}
.slider-marques article.dark span{
    color: #1d1d1d;
}

.slider-marques.slick-dotted.slick-slider{
    margin-bottom:100px;
}

.slick-dots{
    margin-top: 4rem;
}

.marques{
    margin-bottom: 10rem;
}
.main-homepage .icon-marque{
    width: 350px;
    max-width: 100%;
    height: 150px;
    stroke:none;
    aspect-ratio:35/15;
}

.slider-marques article svg{
    transition: cubic-bezier(.24,.28,.07,.92) all .5s;
}
.slider-marques article.logo-hover svg{
    fill: #fff;
    
}

/* popup */
.marques-cover{
    display:block;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:rgba(0,0,0,0.5);
    z-index:2;
    opacity: 0;
    pointer-events: none;
    transition: all cubic-bezier(.24,.28,.07,.92) .5s;

}

.marques-popup{
    display:block;
    position:fixed;
    overflow:hidden auto;
    bottom:0;
    top:0;
    right:0;
    width:80vw;
    z-index:11;
    background-color:#FFF;
    padding:15rem 2rem 3rem 2rem;
    transition: all cubic-bezier(.24,.28,.07,.92) .5s;
    transform: translateX(100%);
}
.marques-popup.active{
    transform: translateX(0);
}

.marques-cover.active{
    opacity: 1;
    pointer-events: all;
}




.retour-btn{
    text-decoration:none;
    border:none;
    font-size: 2rem;
    z-index: 2;
    background: none;
    position: absolute;
    top: 12rem;
    left:5rem;
}
.close-panel{
    width: 45px;
    height: 45px;
    
    border-radius: 50%;
    position: relative;
    transition: all cubic-bezier(.24,.28,.07,.92) .5s;
    left: -15px;

}
.close-panel::after{
    content:"";
    background-color: #64aa32;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom:0;
    margin: auto;
    border-radius: 2px;
    transform: scale(.5) rotate(45deg);
    transition: all cubic-bezier(.24,.28,.07,.92) .5s;

}
.close-panel::before{
    content:"";
    background-color: #64aa32;
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    bottom:0;
    margin: auto;
    border-radius: 2px;
    transform: scale(.5) rotate(-45deg);
    transition: all cubic-bezier(.24,.28,.07,.92) .5s;

}


/* 
.retour-btn:hover{
    -webkit-box-shadow:2px 2px 10px 3px #e6e6e6;
    -moz-box-shadow:2px 2px 10px 3px #e6e6e6;
    box-shadow:2px 2px 10px 3px #e6e6e6;
}

.retour-btn:focus{
    -webkit-box-shadow:inset 2px 2px 10px 3px #e6e6e6;
    -moz-box-shadow:inset 2px 2px 10px 3px #e6e6e6;
    box-shadow:inset 2px 2px 10px 3px #e6e6e6;
} */

.marques-popup-container{
    position:relative;
    text-align: center;
    margin-top: 5rem;
    display: flex;
    justify-content: center;
    padding: 0 3rem;
}

.marques-popup-left{
    display:inline-block;
    width:50%;
    vertical-align: middle;
    margin-right:10rem;
    text-align: left;
}
.marques-popup-left .btn{
    margin-top:2rem;
}

.marques-popup-left>p{
    margin-bottom:1rem;
    color: #858585;
}

.marques-popup-left>p:last-child{
    margin-bottom:0;
}

.marques-popup-left svg{
    width: 300px;
    margin-bottom:2rem;
    display: inline-block;
}

.marques-popup-left img{
    width: 300px;
    height: auto;
    margin-bottom:2rem;
    display: inline-block;
}

.marques-popup-right{
    display:inline-block;
    vertical-align: middle;
    width: 50%;
    max-width: 600px;
}



/* .marques-slick img{
    aspect-ratio: 600/450;
    transition: 1s;
    cursor: pointer;
}
.marques-slick img:hover{
    transform: scale(1.2)
;} */

.marques-slick .slick-prev{
    left: -3rem;
}
.marques-slick .slick-next{
    right: -3rem;
}

.marques-slick img{
    margin:auto;
}

.marques-decouvrir-btn{
    margin-top: 2rem;
    display: inline-block;
    background-color:#64AA32;
    color:#FFF;
    text-align: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius:30px;
    text-decoration: none;
    padding: 1rem 2rem;
    border:2px solid #64AA32;
    transition:0.3s;
    -webkit-transition:0.3s;
    -moz-transition:0.3s;
    -ms-transition:0.3s;
    -o-transition:0.3s;
}

.marques-decouvrir-btn:focus{
    color:#FFF;
}

.main-logo{
    fill: rgb(7, 96, 31);
    width: 300px;
    display: inline-block;
    margin: 2.5rem 0;
}

.slick-next{
    border-radius: 50%;
    right: 5px;
    transform:  scale(1);
}
.slick-prev{
    border-radius: 50%;
    left: 5px;
    transform: scale(1);
}




@media(max-width:1540px){
    .marques-popup{
        width:80vw;
        font-size: 1.2rem;
    }
    .marques-popup-right img, .marques-slick{
        width:auto;
    }
  
}

@media(max-width:1310px){
    
    
   
    .marques-popup-left{
        width: auto;
        text-align: center;
    }
    .main-homepage .icon-marque{
        display:block;
        margin: auto;
    }

  
}



/* Slider stocks - occasions */

.slider-marques:not(.slick-initialized){
    display:none;
}
.a-propos-slick:not(.slick-initialized){
    visibility: hidden;
    height: 600px;
}

.products-slider:not(.slick-initialized) .products-item{
    display: none;
}

.products-wrapper{
    text-align: left;
    padding: 5rem 10rem;
}

h2.sub-title{
    text-align: left;
    margin-bottom: 2rem;
}

h2.sub-title::after{
    display:none;
}


li.stock-joskin-redirect a{
    padding-left: 2rem;
    position: relative;
}

li.stock-joskin-redirect a:hover, li.stock-link a:hover{
    color: #64aa32;
}

li.stock-joskin-redirect a::before{
    content:"";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 3px;
    background-color: #1d1d1d;
}



.products-wrapper ul li{
    display: inline-block;
    margin-right: 2rem;
}

.products-wrapper ul li:last-child{
    margin-right:0;
}

.products-wrapper ul li a{
    font-size: 2rem;
    color: #1d1d1d;;
    transition: color cubic-bezier(.24,.28,.07,.92) .5s;
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
    font-family: HelveticaBold, Arial, sans-serif;
}

.products-wrapper ul li.active a{
    color: #64AA32;
}

.products-wrapper ul li a::after{
    content: "";
    display: block;
    position: absolute;
    left:0;
    right: 0;
    margin: auto;
    bottom: calc(-2rem - 5px);
    width: 0%;
    height: 3px;
    background-color: #64AA32;
    transition: all cubic-bezier(.24,.28,.07,.92) .5s;
}

.products-wrapper ul li.active a::after{
    width: 100%;
}

.products-slider{
    margin-top:2rem;
}

.products-slider .slick-track{
    margin: 0;
    align-items: top;
}
.products-slider img{
    max-width: 100%;
    height: auto;
    aspect-ratio: 4/3;
    object-fit: cover;

}

.gallery-img img{
    aspect-ratio:16/12;
}

.gallery-nav:not(.slick-initialized){
    visibility: hidden;
}
.gallery:not(.slick-initialized){
    visibility: hidden;
}

.center{
    text-align: center;
}
 .text-center p{
    text-align:center;
}
.no_occas{
    margin: 4rem 0;
}
.main-homepage .products-content .text-center p{
    text-align:center;
}
.empty-slider .btn{
    margin: 2rem 0;
}
.products-slider .products-item{
    margin: 15px;
    position: relative;
}
.products-item h3{
    
    text-transform: uppercase;
    font-size: 2.5rem;
    margin-top: 1.5rem;
    color: #1d1d1d;
    position: relative;
    display: inline-block;
    font-family: "HelveticaCondensedBlack", Arial, sans-serif;

}
.products-item span.sold{
    position: absolute;
    left: -7.5px;
    top: 4rem;
    display: inline-block;
    padding: 1rem 2rem;
    background-color: #C91715;
    color: #fff;
    line-height: normal;
    text-transform: uppercase;
    font-size: 2rem;
    z-index: 2;
}


.products-item a.more{
    display: inline-block;
    margin-top: 1rem;
}


.products-item .product-overlay .btn, .fav-item .product-overlay .btn{
    opacity: 0;
    transition: all cubic-bezier(.24,.28,.07,.92) .5s ;
}
.products-item .product-overlay .btn::after, .fav-item .product-overlay .btn::after{
    transition: all cubic-bezier(.24,.28,.07,.92) .5s .3s;
}



.products{
    position: relative;
    aspect-ratio: 5/1;
}
.slick-next svg, .slick-prev svg{
    fill: #1d1d1d;
}

.slick-next svg,.slick-prev svg{
    width: 35px;
    height: 35px;
    stroke: none;

}

.slick-next{
    position: absolute;
    right: 3rem;
    top: 0;
    bottom: 0;
    margin: auto;

}

.slick-prev{
    position: absolute;
    left: 3rem;
    top: 0;
    bottom: 0;
    margin: auto;

}

.slick-disabled{
    opacity: 0.25;
}

.slick-slide img.img-hover{
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all cubic-bezier(.24,.28,.07,.92) .5s;
   
}
.main-homepage .products-content p{
    text-align: left;
    margin: 0;
}
.products-content p{
    text-align: center;
    margin: 2rem 0;
    
}

/* SERVICES */
.services-wrapper{
    display: grid;
    grid-auto-flow: column;
    justify-content: center;
    padding: 5rem 10rem;
}
.service{
    text-align: left;
    flex-basis: 33%;
    display: flex;
    flex-direction: column;
    margin: 15px;
}

.service.service-revert{
    flex-direction: column-reverse;
}

.service .service-content{
    background: #64AA32;
    color: #fff;
    position: relative;
    padding: 25px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #64aa32;
    margin-bottom: 50px;
    margin-top:0;
}
.service.service-revert .service-content{
    margin-top:50px;
    margin-bottom:0;
}


.service button{
    background-color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
    border: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    transition: all cubic-bezier(.24,.28,.07,.92) .5s;
}

.service button svg{
    stroke: none;
    fill: #64AA32;
    width: 45px;
    transition: all cubic-bezier(.24,.28,.07,.92) .5s;

}

.service h3{
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-transform: uppercase;
    font-size: 2.6rem;
}

.service ul li{
    margin-bottom: 1.5rem;
    font-size: 1.8rem;
    position: relative;
    margin-left: 30px;
    font-family: "HelveticaLight", Arial, sans-serif;
    color: #fff;
}

.service ul li::after{
    content: "";
    position: absolute;
    left: -30px;

    top: 0;
    margin: auto;
    background: url('https://assets.service-regional-joskin.be/images/icons/chevron-right-white.svg') no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
}

.service ul li:last-child{
    margin-bottom: 0;
}

.num{
    position: absolute;
    right: 25px;
    top: 0;
    transform:translateY(-50%);
    font-size: 10rem;
    font-family: "HelveticaCondensedBlack", Arial, sans-serif;
    color: #fff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #64aa32;
    transition: all cubic-bezier(.24,.28,.07,.92) .5s;
}

.service .service-img{
    height: 100%;
    overflow: hidden;
}

.service .service-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition : all cubic-bezier(.24,.28,.07,.92) .5s;
    aspect-ratio: 60/35.5;
}


/* Actualités */


/* FOOTER */

.footer-wrapper>div {
    max-width: 25%;
    width: 25%;
}
body footer{
    padding:  5rem 5rem 3rem;
    font-size: 1.6rem;
}

footer .footer-left img{
    display: inline-block;
    margin-bottom:1rem
}
footer .footer-wrapper{
    display: flex;
    justify-content: space-between;
}

footer svg{
    vertical-align: middle;
}

footer .footer-contact{
    margin-top:1.5rem;
    
}
footer .footer-contact a{
    color: #fff;
}
.footer-contact:first-child{
    margin-top: 0;
}

footer .footer-contact svg{
    width: 25px; 
    height: 25px;
    fill: #fff;
    stroke: #25303b;
    transition : all cubic-bezier(.24,.28,.07,.92) .5s;

}

footer a{
    color: #fff;
}



footer .footer-menu ul li{
    margin-bottom: 2rem;
}

footer .footer-menu ul li:last-child{
    margin-bottom:0;
}

footer .footer-menu ul li a{
    position: relative;
}



footer h3{
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 3rem;
    font-size: 2rem;
}

footer input{
    padding: .2rem 1rem;
    height: 35px;
    border: none;
    outline: none;
    font-size: 1.5rem;
    vertical-align: middle;
}



footer input::placeholder{
    text-transform: uppercase;
}

footer input[type=submit]{
  background-color: #64AA32;
  color: #fff;
  text-transform: uppercase;
  transition: cubic-bezier(.24,.28,.07,.92) all .5s;
  border-top-right-radius: 3rem!important;
  border-bottom-right-radius: 3rem!important
}


footer input[type=text]{
    border-top-left-radius: 3rem!important;
    border-bottom-left-radius: 3rem!important
}

footer .footer-rs svg{
    fill: #fff;
    stroke: none;
    margin-right: 1rem;
    transition: cubic-bezier(.24,.28,.07,.92) all .5s;
    vertical-align: text-bottom;
}

footer .footer-rs .btn-footer svg{
    margin-right: 0;
}


footer .btn-footer{
 
    display: inline-block;
    margin-top: 2rem;
}


.footerLeft a, .footerLeft span {
    margin: 0 1em;
    font-size: 1.4rem;
    line-height: normal;
    display: inline-block;
    margin:.5rem 2rem;
}

.footerLeft span{
    margin:1.5rem 2rem;
}

.footerAlign {
    border-top: 1px solid #fff;
    padding-top: 2em;
    margin-top: 4rem;
}
.footerAlign .linkBottom {
    text-align: right;
   
    color: #fff;
    
}
/* .linkBottom.footerLinks a:not(:last-child):after {
    content: " ";
    width: 32px;
    height: 10px;
    border-bottom: 1px solid #e7e7e7;
    transform: translateY(0) translateX(5px) rotate(70deg);
    -ms-transform: translateY(0) translateX(5px) rotate(70deg);
    position: absolute;
} */
.linkBottom.footerLinks a{
    color: #d9d9d9;
}

.copyright {
    display:inline-block;
    color: #6f777e;
    font-size: 1.2rem;
}

.menu-burger{
    display: none;
}

.mobile{
    display:none;
}




.contact-popup{
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    display: flex;
    max-height: 0;
    opacity: 0;
    transform: translateY(100vh);
    flex-direction: column;
    justify-content: center;
}

.contact-popup.active{
    transform: translateY(0);
    opacity: 1;
}

.contact-popup .contact-content{
    max-width: 80vw;
    background-color: #25303b;
    margin: auto;
    display: flex;
    justify-content: center;
    color: #fff;
    box-shadow: 0px 0px 15px #25303b59;
    border-radius: 3rem;
    position: relative;
}

.contact-popup .contact-content>div{
    flex-basis: 40%;
    padding: 3rem;
    border-radius: 3rem;
}
.contact-popup .contact-content .contact-right-content{
    background-color: #fff;
    color: #1d1d1d;
    flex-basis: 60%;
    box-shadow: 0 0 10px #0e1216;
    border-radius: 0 3rem 3rem 0;
}
.contact-content .contact-left-content.contact-icon-content{
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
}
.contact-popup .contact-content .contact-right-content p{
    text-align: center;
    color: #7f8e9e;
    margin-top: 2rem;
    font-size: 1.4rem;
}
.two-col{
    display: flex;
}

.two-col>div{
    flex-basis:50%;
}

.contact-content input, .contact-content textarea{
    width: 100%;
    border:1px solid transparent;
    border-bottom: 1px solid #7f8e9e;
    padding: 1rem;
    font-size: 1.8rem;
}
.contact-content label{
    font-size: 1.8rem;
    color: #7f8e9e;
    text-align: left;
    display: block;

}

.contact-content .field{
    margin: 1rem 2rem;
}

.contact-content .contact-left-content{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.contact-content .contact-left-content p{
    color: #fff;
}
.contact-content form{
    text-align:center;
}

input[type="submit"].btn{
   
   
    display: inline-block;
    width: auto;
    padding: 1rem 2.5rem;
    color: #fff;
    text-transform: initial;
    border-radius: 3rem!important;
    transition: cubic-bezier(.24,.28,.07,.92) all .5s;
}




.contact-content h3{
    font-size: 3.5rem;
    text-transform: uppercase;
    
    margin-bottom:1.5rem;
}
.contact-content .contact-link a span{
    margin:.3rem 0 0 0;
}
.contact-content .contact-link a{
    display:flex;
    color: #7f8e9e;
}


.contact-content .contact-link svg, .contact-content .contact-rs svg{
    fill: #7f8e9e;
    stroke: #25303b;
    vertical-align:middle;
    margin-right: 0.5rem;
    transition: all ease .2s;
    width: 25px;
}

.contact-content .contact-rs{
    margin-top: 2rem;
}


.contact-content .contact-link{
    margin-top: 2rem;
}

.close-contact{
    width: 30px;
    height: 30px;
    background-color: #fff;
    position: absolute;
    right: -15px;
    top: -15px;
    cursor: pointer;
    box-shadow: #25303b45 0px 0px 15px;
    transition: cubic-bezier(.24,.28,.07,.92) all .5s;
}

.close-contact::after{
    content:"";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #25303b;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin:auto;
    transform: rotate(45deg) scale(0.7);
    transition: cubic-bezier(.24,.28,.07,.92) all .5s;
}

.close-contact::before{
    content:"";
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #25303b;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin:auto;
    transform: rotate(-45deg) scale(0.7);
    transition: cubic-bezier(.24,.28,.07,.92) all .5s;
}


.body-cover{
    width: 100vw;
    height: 100vh;
    background-color: #1d1d1d;
    opacity: 0;
    position: fixed;
    z-index: 99;
    max-width: 1920px;
    transition: cubic-bezier(.24,.28,.07,.92) all .5s;
    top: 0;
    pointer-events: none;
}

.body-cover.active{
    opacity: 0.9;
    pointer-events: all;
}

.contact-content .contact-icons-desktop{
    display:block;
}
.contact-content .contact-icons-mobile{
    display:none;
}

.close-fav-item{
    width:30px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
    transition: cubic-bezier(.24,.28,.07,.92) all .5s;

}
.close-fav-item::after{
    content:"";
    position:absolute;
    background-color: #fff;
    width: 100%;
    height: 3px;
    left: 0;
    right: 0;
    bottom:0;
    top: 0;
    margin:auto;
    transform: rotate(45deg) scale(0.5);
    transition: cubic-bezier(.24,.28,.07,.92) all .5s;

}
.close-fav-item::before{
    content:"";
    position:absolute;
    background-color: #fff;
    width: 100%;
    height: 3px;
    left: 0;
    right: 0;
    bottom:0;
    top: 0;
    margin:auto;
    transform: rotate(-45deg) scale(0.5);
    transition: cubic-bezier(.24,.28,.07,.92) all .5s;

}



.team-band{
    background-color: #dfdfdf;
    display: flex;
    align-items: center;
    padding-top: 2rem;
    text-align: center;

}

.team-band h3{
    font-family: "HelveticaCondensedBlack", Arial, sans-serif;
    font-size: 4.5rem;
    text-transform: uppercase;
    margin-bottom: 3rem;
}
.team-band-content{
    display: inline-block;
    width: 50%;
    padding: 2rem;
}
.team-band-content p{
    text-align: center;
}
.team-band-img{
    display: inline-block;
    width: 50%;
    position: relative;
}
.team-band-img img{
    vertical-align: bottom;
    aspect-ratio:675/380;
        max-width: 100%;
    height: auto;
}

.team-band .btn{
    border-radius:3rem;
    margin-top: 3rem;
}


.commerciaux-tag{
    position: absolute;
    opacity: 0;
    transition: all ease .3s;
    pointer-events: none;
}

#comm_1{
    left: 15%;
    bottom: 0;
    transform: translateY(50%);
}
#comm_1.active{
    transform: translateY(0);

}
#comm_2{
    right: 0;
   transform: translate(-50%, 50%);
    bottom: 0;
}
#comm_2.active{
    transform: translate(-50%, 0);
}

#comm_3{
    right: 0;
    bottom: 0;
    transform: translateY(50%);
}
#comm_3.active{
    transform: translateY(0);
}

.commerciaux-tag.active{
    opacity: 1;
    transform: translateY(0);
}
.commerciaux-tag .title-tag{
    background: #64aa32;
    padding: 1rem;
    color: #fff;
    font-family: 'HelveticaBold', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 1.8rem;
}
.commerciaux-tag .content-tag{
    text-align: left;
    background: #fff;
    padding: 2rem;
}
.commerciaux-tag .content-tag a{
    display: block;
}

.commerciaux-tag .content-tag p{
    text-align: left;
}

.newcontain{
    padding:2rem;

}

.newcontain h2{
    color: #64aa32;
}


.btn-hover{
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    opacity: 0;
    transition: all ease .3s;
}

.products-item a{
    display:block;
}

.product-img{
    position: relative;
    aspect-ratio: 4/3;
}

.product-overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
    transition: all cubic-bezier(.24,.28,.07,.92) .5s;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 1;
}



.btn-hover ul{
    padding: 0;
    border: none;
}

.btn-hover ul li{
    display: block;
    width: 40px;
    height: 40px;
    background-color: #64aa326b;
    margin: 2rem 0;
    border-radius: 50%;
    transition: all ease .3s;
}
.btn-hover ul li a {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.btn-hover ul li a svg{
    fill: #fff;
    width: 20px;
    height: 20px;
    stroke: none;
}


/* menu burger*/
.menu-burger .close-burger, .close-lang{
        width: 45px;
        height: 45px;
        background-color: #fff;
        position: absolute;
        right: 2rem;
        top: 2rem;
        border-radius:50%;
        cursor: pointer;
        transition: cubic-bezier(.24,.28,.07,.92) all .5s;
        

    }

    .menu-burger .close-burger::after, .close-lang::after{
        content:"";
        position: absolute;
        left:0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-color: #25303b;
        width: 100%;
        height: 2px;
        transform: rotate(45deg) scale(0.5);
        transition: cubic-bezier(.24,.28,.07,.92) all .5s;

    }
    .menu-burger .close-burger::before, .close-lang::before{
        content:"";
        position: absolute;
        left:0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        background-color: #25303b;
        width: 100%;
        height: 2px;
        transform: rotate(-45deg) scale(0.5);
        transition: cubic-bezier(.24,.28,.07,.92) all .5s;

    }







/* A propos */
.service-regional-bottom{
    text-align: center;
    display: flex;
    align-items: center;
    margin: -25rem auto 0;
    max-width: 1200px;
    background-color: #ffffff;
    position: relative;
    padding: 5rem;
    border-radius: 3rem;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 25%);
    width: 90%;

}

.block-top{
    background-color: #f7f7f7;
}

.service-regional-bottom-left{
    display: inline-block;
    text-align: left;
    flex-basis: 50%;
    vertical-align: top;

}
.service-regional-bottom-left .hrReplace{
    width: 100%;
    position: relative;
    z-index: 2;
}
.service-regional-bottom-left>h4{
    margin: 2rem 0;
}

.service-regional-bottom-right{
    display: inline-block;
    margin: 0 5rem;
    flex-basis: 50%;
}

.service-regional-bottom-right img{
    max-width: 100%;
    height: auto;
    aspect-ratio:600/337;
}

.service-regional-bottom hr{
    z-index: 5;
    width: 55rem;
    position: relative;
}
.service-regional-bottom-left h3, 
.service-regional-bottom-left p{
    margin: 1rem 0;
}

.a-propos-slick:not(.slick-initialized) .slick-img{
    visibility: hidden;
}

/* HISTORIQUE */
.a-propos-historique{
    text-align: center;
    margin: 3rem 0;
}

.a-propos-historique-container{
    margin: auto;
    max-width: 1200px;
}

.a-propos-historique-container p{
    text-align: center;
    margin-top: 2rem;
}
.a-propos-historique-container h2{
    margin: 2rem 0;
}

.a-propos-slick{
    margin: 2rem;
}
.a-propos-slick .slick-dots{
    margin: 2rem 0;
}

.slick-img img{
    margin: auto;
   width: 100%;
    height: auto;

}
.a-propos-slick .slick-track{
    align-items: normal;
}
.a-propos-historique-container ul li svg{
    vertical-align: middle;
}

.a-propos-slick .slick-img{
    height: 600px;
}
.a-propos-slick .slick-img img{
    width: 100%;
    height: auto;
    aspect-ratio:800/796;
}
section.historique{
    padding-bottom: 10rem;
    padding-top: 5rem;
    background-color: #f7f7f7;
    margin-bottom: 5rem;
}

/* NOS EQUIPE */

.nos-equipe-block img{
    aspect-ration:332/380;
}

.nos-equipe-title{
    width: 60vw;
    margin: auto;
}

.nos-equipe-title h2{
    text-align: center;
}



.nos-equipe-img{
    z-index: 0;
    margin: 4rem 0;
    text-align: center;
}

.nos-equipe-block{
    margin: 2rem 8rem;
    display: inline-block;
    position: relative;
}
.nos-equipe-cover{
    color: #FFF;
    z-index: 2;
    opacity: 0.9;
    background-color: #3F6721;
    width: 100%;
    height: 100%;
    position: absolute;
    transition:  cubic-bezier(.24,.28,.07,.92) all .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transform: translateY(100%);
    display: flex;
    justify-content: center;
    align-items: center;
}
.nos-equipe-block .nos-equipe-cover.active{
    opacity:0.9;
    transform: translateY(0);
}



.cover-container{
    overflow: hidden;
    width: 330px;
    height: 380px;
    position: absolute;
}

.equipe-plus{
    background-color: #64aa32;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    position: absolute;
    right: 15px;
    top: 15px;
    display: none;
    transition:  cubic-bezier(.24,.28,.07,.92) all .5s;
}
.equipe-plus::after{
    content:"";
    position: absolute;
    width: 100%;
    height: 2px;
    border-radius:2px;
    background-color: #fff;
    transform: scale(.5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.equipe-plus::before{
    content:"";
    position: absolute;
    width: 2px;
    height: 100%;
    border-radius:2px;
    background-color: #fff;
    transform: scale(.5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.nos-equipe-cover-ctn{
    display: block;
   margin-bottom: 25%;
    text-align: left;
}

.nos-equipe-cover-ctn a{
    color: #fff;
    fill: #fff;
}


.nos-equipe-cover-ctn svg{
    width: 3rem;
    display: inline-block;
    vertical-align: middle;
    margin: 0.5rem;
    fill: #fff;

}
.nos-equipe-cover-ctn p{
    display: inline-block;
    vertical-align: middle;
}
.nos-equipe-name{
    width: 24rem;
    margin-left: -2rem;
    margin-top: 30rem;
    padding: 0.5rem 2rem;
    background-color: #6FAF3F;
    color: #FFF;
    z-index: 3;
    position: absolute;
}
.nos-equipe-name p{
    color: #fff;
}

/* CONTACTEZ NOUS */
.a-propos-contact{
    background-image: url("https://assets.service-regional-joskin.be/images/a-propos/fleches.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 20rem;
    vertical-align: middle;
    text-align: center;
}

.a-propos-contact a{
    color:#FFF;
    border:2px solid #6FAF3F ;
    background-color: #6FAF3F;
    padding: 1.2rem 3rem;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    display: inline-block;
    margin: 7.3rem auto;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
}

/* PAGE PRODUIT */
main.occasion, main.stock{
    padding: 5rem 10rem;
}
.top-bar{
    margin: 1rem 0 0 0;
    display: inline-block;
    width: 48%;
    text-align: right;
}

.top-bar .btns-right>div{
    display: inline-block;
}

.top-bar p{
    display: inline-block;
    color: #7d7d7d;
}

.top-bar svg{
    stroke: none;
    fill: #7d7d7d;
    vertical-align: middle;
}

.top-bar .fav-btn{
    margin-right: 2rem;
    cursor: pointer;
}
.top-bar .fav-btn svg{
    fill: transparent;
    stroke: #7d7d7d;
    stroke-width: 2px;
}
.bodyOccas{
    display: flex;
    justify-content: space-between;
}

.imgOccas{
    flex-basis: 70%;
    width: 70%;
    z-index: 0;
    position: relative;
}

.imgOccas img{
    width: 100%;
    height: auto;
    max-height: 600px;
    max-width: 900px;
    aspect-ratio:9/6;
}

.infoOccas{
    flex-basis: 30%;
    max-width: 30%;
    margin-left: 30px;
}
.infoOccas h1{
    font-size: 5rem;
}
.gallery, .gallery-nav{

  max-width: 900px;
 }
 .gallery .small_img{
    max-width: 900px;
 }
 .gallery-nav .small_img{
    width: 100%;
    height: auto;
    opacity: 0.75;
    transition:  cubic-bezier(.24,.28,.07,.92) all .5s;
    cursor: pointer;
    max-width: 370px;

}

.searching{background:url("https://assets.service-regional-joskin.be/images/searching.svg") no-repeat center center;width:45px;height:45px;border-radius:50%;text-indent:999em;border:0;cursor:pointer;float:right;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.searching:hover{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7}



.gallery-nav .small_img.slick-current{
    opacity: 1;
}
.gallery-nav .small_img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    padding: 10px 5px;
    aspect-ratio:370/247;
    max-width: 370px;
}


.occasTitle span{
    color: #7d7d7d;
    font-size: 1.8rem;
    width: 50%;
    display: inline-block;
}

.occasTitle{
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 2rem;
}

.topInfoOccas{
    font-family: "HelveticaLight", Arial, sans-serif;

}
.topInfoOccas{
    padding-top:2rem;
    color: #7d7d7d;
}
.topInfoOccas>div{
    display: flex;
    justify-content: space-between;
    font-size: 1.8rem;
}

.insideDesc{
    width: auto;
    display: block;
}

.titleDescOccas{
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 2rem;
}

.titleDescOccas h2::after{
    width: 100%;
    bottom: calc(-1rem - 1.5px);
}

.titleDescOccas h2{
    margin: 1rem 0;
    color: #7d7d7d;
    font-size: 2.5rem;
}

.descOccas{
    margin-top: 4rem;
}

.descOccas .descOccas-item{
    margin-bottom: 0.5rem;
    position: relative;
    font-size: 2rem;
    font-family: "HelveticaLight", Arial, sans-serif;
    color: #444;
  
}
.descOccas .descOccas-item::first-letter{
    text-transform: capitalize;
}

.descOccas .descOccas-container{
    margin-bottom: 3rem;
}
.descOccas .descOccas-grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 15px;
}
.occasion .descOccas .descOccas-grid{
    display: block;
}
.descOccas-grid ul{
    margin-bottom: 2rem;
}
.stock .descOccas-grid ul li.subline{
    font-family: HelveticaBold, Arial, sans-serif;
    color: #7d7d7d;
    padding-left: 0;
}
.descOccas-grid ul li{
     margin-bottom: 0.5rem;
    position: relative;
    font-size: 2rem;
    font-family: "HelveticaLight", Arial, sans-serif;
    color: #444;
    padding-left: 2rem;
    position:relative;
}
.text-green{
    color: #64aa32;
}
.descOccas-grid ul li::after{
    content:"-";
    font-size: 1.8rem;
    color: #444;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
}
.stock .descOccas-grid ul li.subline::after{
    display: none;
}
.contactOccas{
    margin-top: 2rem;
    font-size: 1.8rem;
}

.contactOccas a {
    color: #7d7d7d;
    transition:  cubic-bezier(.24,.28,.07,.92) all .5s;

}
.contactOccas a svg{
    stroke: none;
    fill: #7d7d7d;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    transition:  cubic-bezier(.24,.28,.07,.92) all .5s;

}
.contactOccas .btn{
    display: block;
    width: 100%;
    margin-top: 2rem;
    max-width: 400px;
}

.btn-search{
    display: none;
}



.back-occas, .print-btn{
    cursor: pointer;
}
.back-occas a svg, .print-btn a svg{
    transition: all ease .3s;
}

.print-btn a p, .fav-btn a p{
    transition:  cubic-bezier(.24,.28,.07,.92) all .5s;
}

.print-btn a svg, .fav-btn a svg{
    transition:  cubic-bezier(.24,.28,.07,.92) all .5s;
}


.fav-btn.active p{
    color: #64aa32;
}

.fav-btn.active svg{
    fill: #64aa32;
    stroke: #64aa32;
}

.fav-header{
    cursor: pointer;
}

.fav-header svg{
    fill: transparent;
    stroke: #64aa32;
    width: 28px;
    height: 28px;
    margin-right: 0;
    margin-top: 2px;
    float: left;

}

.fav-header.active svg{
    fill: #64aa32;
}

.compteur-fav{
    background-color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
   color: #64aa32;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    padding: 1px;
    transform: translate(-8px, -5px);


}

.favoris-container{
    position: fixed;
    z-index: 102;
    width: 90%;
    /* height: 100%; */
    margin: auto;
    max-width: 1920px;
    top: 103px;
    transform: translateY(-100vh);
    transition: cubic-bezier(.24,.28,.07,.92) all .5s;
    right: 0;
    left: 0;
    /* top: 0; */
    /* bottom: 0; */
    overflow: auto;
    max-height: calc(100vh - 103px);
}
.favoris-container.active{
    transform: translateY(0);
    opacity: 1;
}

.favoris-container .center_title{
    color: #fff;
    margin: 2rem auto;
}
.favoris-content.empty{
    display: block;
}
.favoris-content.empty p{
    text-align:center;
    color: #fff;
}
.favoris-content{
    display: grid;
    grid-gap: 15px;
    padding: 3rem;
    padding-bottom:10rem;
    align-items: center;
    justify-content: center;
    grid-template-columns: repeat(5, 1fr);
    position: relative;
 
}

.fav-item{
    background-color: #fff;
    border-radius: 3rem;
    height: 100%;
    position:relative;
    overflow: hidden;
}

.fav-img{
    overflow:hidden;
    width: 100%;
}


.fav-img img{
    width: 100%;
    height: auto;
    border-top-left-radius: 3rem;
    border-top-right-radius: 3rem;
    transition: cubic-bezier(.24,.28,.07,.92) all .5s;

}
.fav-title{
    padding: 2rem;
    text-align: center;
    position: relative;
}

.fav-item a{
    color: #1d1d1d;
}
.fav-title p{
    text-align: center;
}

.fav-cat{
    position: absolute;
    top: -3rem;
    right: 0rem;
    padding: 1rem;
    background-color: #64aa32;
    border-radius: 0rem;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
    box-shadow: 0px 0px 10px #00000055;
    color: #fff;
    font-size: 1.5rem;
    text-transform: uppercase;
}

.close-favoris{
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 50%;
    margin: auto;
    position: absolute;
    bottom: 5rem;
    left: 0;
    right: 0;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 25%);
    cursor: pointer;
    transition: cubic-bezier(.24,.28,.07,.92) all .5s;

}
.close-favoris::after{
    content:"";
    position:absolute;
    background-color: #25303b;
    width: 100%;
    height: 2px;
    left: 0;
    right: 0;
    bottom:0;
    top: 0;
    margin:auto;
    transform: rotate(45deg) scale(0.5);
    transition: cubic-bezier(.24,.28,.07,.92) all .5s;

}
.close-favoris::before{
    content:"";
    position:absolute;
    background-color: #25303b;
    width: 100%;
    height: 2px;
    left: 0;
    right: 0;
    bottom:0;
    top: 0;
    margin:auto;
    transform: rotate(-45deg) scale(0.5);
    transition: cubic-bezier(.24,.28,.07,.92) all .5s;

}

.whiteMenu .lang{
    margin-right: 0;
}

.occasions-produit-btn.fav-btn svg{
    stroke: #fff;
    fill: none;
    margin-top: 5px;
    stroke-width: 2px;
}

.filter-rechercher{
    cursor: pointer;
    display:inline-block;
}

.descOccas-item.sub-title{
    font-family: HelveticaBold, Arial, sans-serif;
    color: #7d7d7d;
}


.stocks-container{
    display: flex;
    padding: 5rem 10rem;
    justify-content: space-between;
    text-align: left;
    align-items: center;
}
.stocks-container .stocks{
    padding-right: 5rem;
}
.stocks-container .stocks span{
    color: #64aa32;
}
.stocks-container .stocks h3{
    font-family: 'HelveticaCondensedBlack', Arial, sans-serif;
    font-size: 3.2rem;
    margin-bottom: 1rem;
}
.stocks-container .stocks ul{
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    margin: 1.5rem 0 3rem;
}
.stocks-container .stocks li{
    margin-bottom: 0.5rem;
    margin-left: 2rem;

}
.stocks-container .stocks li a{
    color: #1d1d1d;
    position: relative;
    transition: cubic-bezier(.24,.28,.07,.92) all .5s;
}

.stocks-container .stocks li a::after{
    content: "";
    position: absolute;
    left: -2rem;
    bottom:0;
    top: 0;
    margin: auto;
    background: url('https://assets.service-regional-joskin.be/images/icons/chevron-right-green.svg') no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    transition: cubic-bezier(.24,.28,.07,.92) all .5s;

}


.stocks-container .stock-image{
    position: relative;
    z-index: 0;
    aspect-ratio: 73/60;
}
.stocks-container .stock-image::after{
    content:"";
    background-color: #64aa32;
    width: 50%;
    height: 110%;
    top: -5%;
    right: 10%;
    position: absolute;
    z-index: -1;
}

.main-homepage .marques-popup-left .icon-marque{
    height: auto;
    margin-bottom: 2rem;
}

.filter-homepage{
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: solid 1px #e8e8e8;
    align-items: center;
    position:relative;
    padding: 2rem;
}

.filter-homepage-block{
    position:relative;
}

.left-gradient, .right-gradient{
    width: 20px;
    height: 100%;
    position: absolute;
    z-index: 1;
    background: rgb(255,255,255);
}

.left-gradient{
    left:0;
    background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.right-gradient{
    right:0;
    background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}

.infosMachine{
    margin-top: 2rem;
    color: #1d1d1d;
    font-size: 1.8rem;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 2rem;
}
.infoMac{
    display: flex;
    justify-content: space-between;
}
.infoName{
    color: #7d7d7d;
}
.infoValue{
    font-family: HelveticaBold, Arial, sans-serif;
}

li.descOccas-item{
    padding-left: 2rem;
    position:relative;
}

li.descOccas-item::after{
    content:"-";
    font-size: 1.8rem;
    color: #444;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
}
.stocks-vendu{
    background-color: #C91715;
    color: #fff;
    padding: 0.5rem 2rem;
    display: inline-block;
    position: absolute;
    top: 15px;
    left: -0.5rem;
    z-index: 1;
}


.general_conditions_list{
    list-style: decimal;
    padding: 4rem;
}

.general_conditions_list li{
    margin-bottom: 2rem;
}


.more-details{
    display: block;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);
    transform: translateY(-50%);
    font-size: 3rem;
    padding-top: 4rem;
    cursor:pointer; 

}

.more-details span{
    background-color: #fff;
    height: 35px;
    width: 35px;
    display: inline-block;
    text-align: center;
    align-items: center;
    margin: auto;
    vertical-align: middle;
    line-height: 28px;
    border-radius: 50%;
    color: #7d7d7d;
    transition: cubic-bezier(.24,.28,.07,.92) all .5s;
    font-family: HelveticaLight, Arial, sans-serif;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 12%);
}

.more-details:hover span{
   background-color: #64aa32;
   color: #fff;

}

.more-details.hided{
    animation: hiding .3s forwards;

}

.descOccas-grid ul li.hided{
    display: none;
    opacity: 0;
}
.descOccas-grid ul li.showed{
    display: block;
    animation: showing .3s forwards;
}
@keyframes showing{
    0%{
        display: none;
        opacity: 0;
    }
    100%{
        display: block;
        opacity: 1;

    }
}

@keyframes hiding{
    0%{
        display: block;
        opacity: 1;
    }
    100%{
        display: none;
        opacity: 0;

    }
}

.price{
    font-family: HelveticaBold, Arial, sans-serif;

}



@media only screen and (min-width: 1920px) {
    .overlay-background {
        margin-left: 2px;
    }
}

@media only screen and (min-width:1201px) and (max-width:1600px) {
    .overlay-content {
        position: relative;
        top: 60px;
        left: auto;
        transform: none
    }
}




@media only screen and (max-width:1600px) {

   
    .whiteMenu{
        height: 60px;
    }
    
    .whiteMenu .findbook {
        font-size: 0px;
    }

    .whiteMenu .contact a,
    .whiteMenu .dealer a,
    .whiteMenu .jobs a,
    .whiteMenu .findbook a {
        font-size: 0;
        width: 3rem;
        position: relative;
        margin: 1.5rem 1rem 1.5rem 2.5rem
    }

    .whiteMenu .lang a:before {
        top: 5px
    }

    .logo {
        padding: 0 .5em 0 15px
    }

    .headMenu {
        padding-right: 15px
    }



    .whiteMenu .contact a,
    .whiteMenu .dealer a,
    .whiteMenu .jobs a {
        font-size: 0;
        width: 3rem;
        position: relative
    }

    .whiteMenu .agent,
    .whiteMenu .contact,
    .whiteMenu .jobs {
        display: block
    }

    .head-active .whiteMenu div:not(.agent):not(.burger-menu):before {
        width: 0;
        height: 0
    }

   

    .head-active .whiteMenu div.calendar a{
        padding-top:0;
    }

    .whiteMenu div.agent.calendar{
        height:auto;
    }

    .whiteMenu .dealer {
        padding: 0;
    }

 

    .whiteMenu .dealer svg {
        width: 35px;
        height: 27px
    }

    .head-active .whiteMenu div.agent {
        display: flex;
        align-items: center;
        margin-right: 10px;
        height: 30px;
    }

    .whiteMenu div.agent {
        height: 100%;
        display: flex;
        align-items: flex-end;
    }
}


@media only screen and (max-width:1585px) {
    .header-list .menu-list {
        width: calc(100% / 8.2);
    }
    .header-list .menu-list .menu-link p{
        font-size: 1.3rem;
    }
    
}
@media(max-width:1350px){
    .header-list .menu-list .menu-link p{
        font-size: 1.2rem;
    }
}
@media only screen and (max-width:1500px) {
    .favoris-content{
        grid-template-columns: repeat(4, 1fr);
    }
    .services-wrapper{
        padding: 5rem;
    }
    .products-wrapper{
        padding: 5rem;
    }
    .footer-wrapper{
        flex-wrap: wrap;
    }
    .footer-wrapper>div{
        max-width: 100%;
        width: auto;
        margin-bottom: 4rem;
    }
    footer .footer-left{
        flex-basis: 100%;
        text-align: center;
        margin-bottom: 5rem;
    }
    .uiMail span{
        float: none;
    }

    .stocks-container{
        padding: 5rem;
    }

    .favoris-container{
        grid-template-columns: repeat(4, 1fr);
    }
   
}

@media only screen and (min-width:1080px) and (max-width:1500px) {

    .header-nav{
        width: 90%;
    }

    .header-homepage .title h1{
        font-size: 3.5rem;
        line-height: 3.5rem;
    }

    .fendt-block .l-block{
        margin-left: 5%;
    }
    .fendt-block .r-block{
        margin-right: 5%;
    }
}


@media only screen and (max-width:1280px) {
    .header-list .menu-list .menu-link p{
        font-size: 1.15rem;
    }

    .btn-search{
        display: block;
    }
}
@media only screen and (max-width:1220px) {
    .header-list .menu-list {
        width: calc(100% / 8.23);
    }

    .team-band{
        align-items: flex-end;
    }
    .a-propos-slick .slick-img{
        height: 400px;
    }
}


@media only screen and (max-width: 1200px) {
    .header-homepage .title h1{
        font-size:3.5rem;
        line-height: 3.5rem;
    }
    
    .whiteMenu .top-contact .btn-green{
        display: block;
    }
   
    .marques-top-right{
        display:block;
    }
 
    
    .marques-popup{
        width: 95vw;
    }
  
    .equipe-plus{
        display: block;
    }

    .header-homepage .title{
        top: 2rem;
    }
}
@media only screen and (min-width:1001px) and (max-width:1199px) {

    .menu-toggle {
        display: block
    }

    .header {
        border-bottom: 5px solid #64AA32;
        display: flex;
    }

    .burger-menu {
        display: block
    }

    #menu-burger {
        display: block;
    }

    .header-list {
        display: none
    }

    header .title h1{
        font-size: 3.2rem;
    }

    .header-nav{
        width: 90%;
    }

    .fendt-block .l-block{
        margin-left: 5%;
    }
    .fendt-block .r-block{
        margin-right: 5%;
    }

  
}



/* mobile view */

@media only screen and (max-width:1199px) {

    html{
        overflow-x: hidden;
    }
    .menu-burger{
        display: block;
        height: 100vh;
        width: 100vw;
        top: 0;
        position: fixed;
        transform: translateX(100%);
        transition: cubic-bezier(.24,.28,.07,.92) all .5s;
    }

    .menu-burger.opened{
        transform: translateX(0);
    }

    
    
   
}
@media only screen and (max-height:800px) {
    

    .gallery .slick-track{
        align-items: flex-start;
    }
    .gallery .small_img{
        max-width: 600px;

    }
    .gallery, .gallery-nav{
        max-width: 600px;
    }
    .infoOccas{
        max-width: 100%;
        flex-basis: 100%;
    }
}
@media only screen and (max-width:1000px) {

    .gallery .small_img{
        max-width: 100%;

    }
    .gallery, .gallery-nav{
        max-width: 100%;
    }
    .contact-content .contact-left-content p{
        display:none;
    }
    .contact-popup .contact-left-content{
        padding:1rem 3rem !important;
    }
    .contact-popup .contact-content{
        box-shadow: 0 0 15px #000;
    }
    .contact-right-content{
        overflow-y: scroll;
        overflow-x: hidden;
        white-space: nowrap;
        width:100%;
        z-index:1;
    }
    .contact-content{
        height:100%;
    }
    .contact-left-content{
        display: inline-block;
        position: absolute;
        top: 1rem;
        width: 100%;
        text-align: center;
    }
    .contact-icons-desktop-content{
        display:inline-block;
        width:100%;
        text-align:center;
    }
    .contact-content .contact-rs{
        margin: 0 1rem 1rem 1rem;
    }
    .contact-content .contact-link{
        width:100%;
    }
    .contact-content .contact-link:not(:first){
        margin:1rem 0 0 0;
    }
    .contact-icons-mobile{
        bottom: 0;
        z-index: 1;
        width: 100%;
        overflow: hidden;
        position: absolute;
        background: #25303b;
        border-radius: 0 0 25px 25px !important;
        font-size:1.3rem;
    }
    .contact-popup.active{
        padding:2rem 0;
    }
    /* .contact-link{
        display:none;
    } */
    .contact-content .contact-link a{
        display:inline-block;
    }
    .contact-content p{
        padding:0 0 10rem 0;
    }
    .contact-link-mail{
        display:none;
    }

    .filter-homepage{
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 2rem 2rem 0 2rem;
    }

    .products-wrapper ul{
        margin-right: 2rem;
    }
    
    .overlay-content a{
        font-size:1.5rem;
    }

    .footer-image{
        left:-50%
    }
    .footer-image img{
        width:300%;
        filter:blur(5px)
    }

    .favoris-content{
        grid-template-columns: repeat(3, 1fr);
    }
    .whiteMenu div{
        margin: 0;
    }

    .marques-slick {
        margin-top: 2rem;
    }
  
.footerAlign img{
    display: block;
    margin-bottom: 1rem;
}
    .whiteMenu .dealer a {
        padding: 1em 0;
    }

    .header {
        background: rgba(37, 48, 59, 1);
    }

    

    #menu-burger {
        display: block
    }

    
    .whiteMenu .lang a:before {
        top: 5px
    }

    .header-list {
        display: none
    }

    .logo {
        padding: 0 .5em 0 15px
    }

    .headMenu {
        padding-right: 15px
    }

    .burger-menu {
        display: block
    }

    .whiteMenu .contact a,
    .whiteMenu .dealer a,
    .whiteMenu .jobs a {
        text-indent: -999rem;
        width: 3rem;
        position: relative
    }

    .dealer a {
        padding: 1.9rem 0 .5rem;
    }

    .whiteMenu .agent,
    .whiteMenu .contact,
    .whiteMenu .jobs {
        display: none
    }

    .head-active .whiteMenu div:not(.agent):not(.burger-menu):before {
        width: 0;
        height: 0
    }


    .whiteMenu .dealer {
        padding: 0
    }



    .whiteMenu .dealer svg {
        width: 35px;
        height: 27px
    }

    .header {
        border-bottom: 5px solid #64AA32;
        display: flex;
    }

    .menu-toggle {
        display: block
    }

    .btn-yellow {
        padding: .3em 1em;
        font-size: 1.7rem;
    }

    .btn-green {
        font-size: 1.5rem
    }

    .top-infos{
        display:none;
    }

    header .title h1{
        font-size: 2.6rem;
    }

    .header-nav{
        width: 90%;
        transform: translateY(0);
        margin-top: -10rem;
    }

    .marques{
        margin-top: 5rem;

    }

    .header-nav .items{
        overflow-x: scroll;
    }

    .header-nav .items .item{
        min-width: 230px;
        padding: 0rem;
    }
    .marques .d-flex{
        display: block;
    }

    footer .footer-wrapper{
        display: block;
    }

    .products-wrapper{
        padding: 5rem 5%;
    }

    .fendt-block .l-block{
        margin-left: 0;
        width: auto;
        margin-bottom: 5rem;
    }
    .fendt-block .r-block{
        margin-right: 0;
        margin-top: 3rem;
    }

    .fendt-block h3{
        text-align: center;
    }

    .products-slider .slick-slide img{
        width: 100%;
    }

    .services-wrapper{
        display: block;
        padding: 2rem 5rem;
    }
    .service .service-content{
        margin: 0;
        height: auto;
    }
    .service.service-revert .service-content{
        margin: 0;
    }

    .service{
        margin: 50px 0;
    }

    .service.service-revert{
        flex-direction: column;
    }

    .products-wrapper{
        padding: 2rem;
        text-align: center;
    }

    .services-wrapper{
        padding: 2rem;
    }

    .slick-dots{
        margin: 2rem 0;
    }

    footer .footer-wrapper{
        text-align: center;
    }

    footer .footer-menu{
        margin: 3rem 0;
    }

    body footer{
        padding:5rem 2rem 3rem;
        font-size: 1.5rem;
    }

    footer .btn-footer{
        float: none;
    }

    .contact-popup .contact-content{
        flex-direction: column;
    }
    .contact-popup .contact-content .contact-right-content{
        border-radius: 0;
    }

    .contact-content .contact-icons-desktop{
        display:none;
    }
    .contact-content .contact-icons-mobile{
        display:block;
    }
    .contact-popup{
        max-height: 90vh;
        display: block;
    }

    .contact-popup .contact-content .close-contact{
        position:absolute;
        right: -0.5rem;
        top: -0.7rem;
        background-color: #25303b;
        box-shadow: 0 0 5px #000;
        padding:0;
    }

    .close-contact::after{
        background-color: #7f8e9e;
        transform: rotate(45deg) scale(0.45);

    }

    .close-contact::before{
        background-color: #7f8e9e;
        transform: rotate(-45deg) scale(0.45);

    }

    .team-band{
        display: block;
    }
    .team-band-content{
        margin-bottom: 2rem;
        width: 100%;
    }
    .team-band-img{
        width: 100%;
    }
    .bodyOccas{
        flex-direction: column;
    }
    .imgOccas{
        width: auto;
        flex-basis: 100%;
        max-width: 100%;
    }
    .infoOccas{
        width: auto;
        flex-basis: 100%;
        max-width: 100%;
        margin-bottom: 5rem;
        margin-left: 0;
    }

    .marques{
        margin-bottom: 5rem;
    }

    .stocks-container{
        padding: 0 2rem;
        display: block;
    }
    .stocks-container .stocks{
        padding-right: 0;
        margin-bottom: 3rem;
        text-align: center;
    }
    .stocks-container .stocks p{
        text-align: center;
    }
    .stocks-container .stock-image img{
        display: block;
        margin: auto;
        width: 100%;
    }

    .stocks-container .stocks ul{
        columns: 200px 3;
        -webkit-columns: 200px 3;
        -moz-columns: 200px 3;
        text-align: left;
    }

    .stocks-container .stock-image::after{
        display: none;
    }

    .a-propos-slick .slick-img{
        height: auto;
        max-height: 85vh;
    }

    .marques-popup-container{
        display: block;
    }

    .marques-popup-left{
        margin-right: 0;
    }

    .marques-popup-right{
        width: 100%;
        margin-top: 0;
    }

    .marques-popup-container{
        margin-top: 2rem;
    }

    .marques-popup{
        padding-top: 12rem;
    }

    section.historique{
        padding-bottom: 5rem;
    }

    h2.sub-title{
        text-align: center;
        margin-bottom: 4rem;
    }

    h2.sub-title::after{
        display: block;
    }

    #picto-stocks #new{
        animation: bounced 0s cubic-bezier(.24,.28,.07,.92) alternate forwards;
    }
    #picto-stocks #stars{
        animation: bounced 0s cubic-bezier(.24,.28,.07,.92) alternate forwards;
    }
    #droite-team{
        transform: translateX(0);
    }
    #gauche-team{
        transform: translateX(0);
    }
    .favoris-container{
        grid-template-columns: repeat(3, 1fr);
    }

    .main-homepage .products-content p{
        text-align: center;
    }
    .products-slider .products-item:not(.last-slide){
        margin: 15px;
        box-shadow: 0px 0px 10px #00000036;
        border-radius: 2rem;
        overflow: hidden;
    }
    .products-item a{
        margin-bottom: 1.5rem;
        
    }
}

@media only screen and (max-width:880px) {
    .slider-marques article.slick-slide{
        height:200px;
    }
    
    .retour-btn:focus{
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none;
    }
    .retour-btn-text{
        display: none;
    }
    .retour-arrow svg{
        width: 2.5rem;
    }
    
}
@media(max-width:1000px) and (min-width:767px){
    .header-homepage{
        aspect-ratio: 256/125;
    }
    .header-homepage img{
        aspect-ratio: 256/125;
    }
}

@media (max-width:767px) {
    .nos-equipe-cover-ctn div{
        padding:.5rem 0;
    }

    .header-homepage{
        aspect-ratio: 9/10;
    }
    .header-homepage img{
        aspect-ratio: 9/10;
    }
    main.occasion,main.stock{
        padding: 2rem 15px
    }
    .top-bar p{
        display: none;
    }

    .infoOccas h1{
        font-size: 3.7rem;
    }

    .marques-slick .slick-arrow{
        display: none!important;
    }

    .favoris-container{
        padding: 2rem;
        grid-template-columns: repeat(2, 1fr);
    }

    .header-homepage video{
        aspect-ratio: 990/1100;
    }


  
}
@media only screen and (max-width:670px) {
    .retour-btn{
        left:1rem;
    }

    .header-homepage .title{
        top: 0;
    }
    .header-homepage .title h1{
        font-size: 2.8rem;
        line-height: 2.8rem;
    }

    .retour-btn{
        top: 8rem;
    }
    .marques-popup-left img{
        height:10rem;
        width:20rem;
    }
  
   

    .marques-popup-container{
        margin-top: -2rem;
    }
    .marques-popup-left svg {
    width: 210px;
    max-width: 100%;
}

.overlay-content{
    padding: 5rem;
    min-width: 75%;
    max-height: 90vh;
    overflow-y: auto;
}

.linkBottom.footerLinks a{
    display: block;
}
.footerAlign{
    align-items: center;
}
.nos-equipe-title{
    width: auto;
}
.descOccas .descOccas-grid{
    grid-template-columns: repeat(2,1fr);
}
.favoris-container{
    width: 100%;
    padding: 0;
}
.favoris-content{
    grid-template-columns: repeat(2, 1fr);
}

.fendt-block .logo-marque{
    margin: 2rem auto 3rem;
}
.center_title{
    margin: 2rem auto;
}
.marques{
    margin-top: 3rem;
}
    
}
@media only screen and (max-width:600px) {
    .gallery-nav .small_img{
        height: auto;
    }
    .contact-popup .contact-content>div{
        padding: 0 1rem;
        flex-basis: auto;
    }
    .contact-content h3{
        font-size: 2.5rem;
    }
    .logo {
        padding: 0 .5em 0 5px;
        width: 142px
    }
    .logo img {
        width: 125px
    }

    .headMenu {
        padding-right: 15px
    }

    .burger-menu {
        display: block
    }
    

    .whiteMenu div {
        padding: 4px 0 0 0
    }

    .whiteMenu .lang {
        padding: 4px 0 0 0
    }

    .header {
        border-bottom: 5px solid #64AA32;
        display: flex;
    }

    .btn-yellow {
        padding: .3em 1em;
       
    }

    .btn-green {
        padding: .3em 1em;
       
    }
   
    .two-col{
        display: block;
    }

    .contact-content .field{
        margin: 1rem 2rem 2rem;
    }

   

    .team-band h3{
        font-size: 3rem;
    }

    .contact-popup .contact-content{
        max-width: 90vw;
    }

    .contact-content .contact-left-content{
        text-align:center;
       
    }


    .contact-content .contact-left-content p{
        text-align: center;
    }
    .contact-content .contact-link svg{
        width: 25px;
    }
    .contact-content .contact-rs{
        text-align: center;
    }
    .products-wrapper ul li a::after{
        bottom: -5px;
        height: 2px;
    }

    .products-wrapper ul li.active a{
        color: #fff;
        background-color: #64aa32;
        padding: 1rem;
        border-radius: 1rem;
    }

    .products-wrapper ul li a::after{
        display: none;
    }
}


@media only screen and (max-width:479px) {

    h1 {
        font-size: 2.7rem;
        line-height: normal
    }

    .hideLangTop a {
        font-size: 1.2rem
    }

    .showLangTop div {
        padding: .2em 0
    }

    .hideLang div {
        width: 50%
    }
    section.historique{
        padding-bottom: 5rem;
    }

    .marques-popup-container{
        padding: 0;
    }

    .logo img {
        width: 185px;
        height: 47px;
    }

    .imgLangTop {
        margin: 0 .3em 0 0
    }

    .menuTop {
        top: 63px
    }

    .hideLangTop {
        top: 63px
    }

    .header-nav .items .item{
        width: 180px;
    }

    .header-nav{
        padding: 2rem;
    }

    header{
        height: 450px;
    }

    header img{
        height: 100%;
        object-fit: cover;
    }

    footer input{
        width: 100%;
        margin: 1rem auto;
    }

    footer .btn-footer{
        float: none;
        margin-top: 1rem;
    }
    .slider-marques article.slick-slide{
        height: 150px;
    }
    .slider-marques article span{
        display: none;
    }

    main h2{
        font-size: 3rem;
    }

    .products-wrapper ul li a{
        font-size: 1.6rem;
    }

    .products-item h3{
        font-size: 2rem;
        margin-top: 0;
    }

   

    .mobile{
        display: block;
    }
 
 
    .header-nav h2, .block-top h2{
        font-size: 2.5rem;
    }

    .fendt-block h3{
        font-size: 2rem;
    }

    .products-item span.sold{
        font-size: 1.5rem;
        top: 1.5rem;
    }

    .top-contact{
        display: none;
    }
    footer input[type=text] {
        border-top-right-radius: 3rem!important;
        border-bottom-right-radius: 3rem!important;
    }
    footer input[type=submit]{
        border-top-left-radius: 3rem!important;
        border-bottom-left-radius: 3rem!important;
        display: block;
        width: auto;
        padding: 0.2rem 2rem;
        max-width: 100%;
    }
    .showroom{
        padding: 2rem;
    }
    .showroom iframe{
        height: 400px;
    }

    .btn{
        padding: 1rem 1.5rem;
    }

    .products-item .product-overlay .btn{
        padding: 0.5rem 1rem;
    }
    

    .products-slider .products-item:not(.last-slide){
        margin: 15px;
        box-shadow: 0px 0px 10px #00000036;
        border-radius: 2rem;
        overflow: hidden;
    }

    .products-slider .products-item .products-title{
        padding: 15px;
    }

    .products-slider .slick-next{
        right: 0;
    }
    .products-slider .slick-prev{
        left: 0;
    }
    .favoris-container{
        padding: 0;
        padding-bottom: 7rem;
    }

    .favoris-content{
        grid-template-columns: repeat(1, 1fr);
        padding: 15px;
    }

    .close-favoris{
        bottom: -5rem;
    }

    .slider-marques .slick-next{
        right: 0;
    }
    .slider-marques .slick-prev{
        left: 0;
    }

    .products-slider:not(.slick-initialized) .products-item{
        display: inline-block;
        vertical-align: middle;
        max-width: 85%;
    }

    .products-slider{
        white-space: nowrap;
        overflow-y: auto;
    }

    
}

@media only screen and (max-width:497px) {
    .linkBottom.footerLinks a:not(:last-child):after{
        display: none;
    }
    .footerAlign{
        display: block;
    }
    .footerAlign .linkBottom{
        text-align: center;
        margin-top: 2rem;
    }

    .copyright{
        text-align:center;
    }

    .footerAlign img{
        display: block;
        margin: auto auto 2rem;
    }

    #comm_1{
        left: 0%;
    }

    #comm_2{
        right: 0%;
    }
    #comm_2.active{
        transform: translate(0%, 0);
    }
}
@media only screen and (max-width:380px)  {
    .marques-popup-left{
        margin: 4rem 0;
        padding: 0;
        }
   
    .descOccas .descOccas-grid{
        grid-template-columns: repeat(1,1fr);
    }
}
@media only screen and (min-width:310px) and (max-width:365px) {

    .menuTop {
        top: 63px
    }

    .hideLangTop {
        top: 63px
    }



    .logo img {
        width: 125px;
        height: 47px;
    }
}


@media only screen and (max-width:309px) {
    .lang {
        display: none
    }

    .logo img {
        width: 120px;
        height: 25px
    }
}

@keyframes popup_marques {from {width:0vw} to {width:80vw}};



@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {

    .menuTop {
        top: 70px
    }

    .hideLangTop {
        top: 70px
    }


    .whiteMenu div {
        border: 0;
    }
}



/* HOVER event disable on devices*/
@media (hover: hover) { 

    
    .pagination_occas .nbs_page:not(.active):hover{
        opacity:1;
        color:#fff;
        background:#437222;
    }

    /* hover */
    .whiteMenu .lang a:hover svg {
        fill: #64AA32;
        stroke: #64AA32
    }
    
    a:hover {
        outline: 0
    }
    .mb-wrapper a:hover .mb-wrap{
        background-color: #64aa32;
    }

    .mb-wrapper a:hover .mb-wrap::before,.mb-wrapper a:hover .mb-wrap::before{
        border-bottom: 30px solid transparent;
        border-left: 5px solid transparent;
        border-top: 15px solid #64aa32;
        border-right: 10px solid #64aa32;
    }
    .mb-wrapper a:hover .mb-wrap::after,.mb-wrapper a:hover .mb-wrap::after{
        border-bottom: 30px solid #64aa32;
        border-left: 5px solid #64aa32;
        border-top: 15px solid transparent;
        border-right: 10px solid transparent;
    }
    .mb-wrapper a:hover .mb-wrap .mb-wrap-content span, .mb-wrapper a:active .mb-wrap .mb-wrap-content span{
        color: #fff;
    }

    .headMenu a:hover span {
        color: #64AA32
    }
    
    .headMenu a:hover svg {
        fill: #64AA32;
    }

    .headMenu .agent a:hover {
        color: #000
    }

    .lang-container a:hover{
        color: #64aa32;
    }

    .overlay-content a:hover img{
        filter: drop-shadow(0px 4px 5px #00000066);
        transform: translateY(3px);
    }
    .header-list .menu-list .menu-link:hover {
        text-decoration: none;
        color: #fff;
    }
    .header-list .menu-list:not(.contact) .menu-link:hover p{
        color: #fff;
    }
    
    .header-list .menu-list.contact .menu-link:hover p{
        color: #25303b;
    }
    .header-list .menu-list .menu-link:hover svg {
        stroke: #fff;
        transform: rotate(180deg)
    }
    .menu-list:hover .menu-link {
        text-decoration: none;
        color: #fff;
        background: #64aa32;
        transition: all .6s
    }
    
    .menu-list.contact:hover .menu-link{
        background-color: #fff;
        color: #64aa32;
    }
    .menu-list.contact:hover::after{
        background-color: #fff;
      
        transition: all .6s;
    }
    
    .menu-list:hover .menu-link svg {
        stroke: #ffd600;
        transform: rotate(180deg)
    }
    .dropdown-content .col .list-content:hover {
        color: #ffd600
    }

    .header-list .menu-sub-list li a:hover {
        color: #ffd600;
        text-decoration: none;
        background: #384750;
        border-radius: 3px;
        transition: all .5s
    }
    .btn-yellow:hover,
    .btn-yellow svg:hover {
        color: #ffd600;
        background: 0 0;
        fill: #ffd600;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
    .btn-green:hover,
    .btn-green svg:hover {
        color: #64AA32;
        background: 0 0;
        fill: #64AA32;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
    .btn-blue:hover,
    .btn-blue svg:hover {
        color: #00ade9;
        background: 0 0;
        fill: #00ade9;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
    .btn-orange:hover,
    .btn-orange svg:hover {
        color: #fbb03b;
        background: 0 0;
        fill: #fbb03b;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
    .btn-green-border:hover,
    .btn-green-border svg:hover {
        background: #64AA32;
        fill: #64AA32;
        color: #fff
    }
    .btn-yellow-border:hover,
    .btn-yellow-border svg:hover {
        color: #25303b;
        background: #ffd600;
        fill: #ffd600;
    }

    .btn-blue-border:hover,
    .btn-blue-border svg:hover {
        color: #fff;
        background: #00ade9;
        fill: #00ade9;
    }
    .all_occas_btn:hover svg{
        transform: translateX(5px) rotate(180deg);
        fill: #64aa32;

    }
    .uiMail span svg:hover {
        stroke: #e7e7e7;
    }
    .logo .joskin-sprite:hover {
        background-color: #e8eef6;
        border-radius: 15px
    }
    #header-logo a:hover img{
        opacity: 0.75;
    
    }
    .slick-prev:hover {
        background: url(https://assets.service-regional-joskin.be/images/arrow-left.svg) #fff no-repeat center;
        background-size: 75%;
        float: left;
        width: 40px;
        height: 40px;
       
    }
    
    .slick-next:hover {
        background: url(https://assets.service-regional-joskin.be/images/arrow-right.svg) #fff no-repeat center;
        background-size: 75%;
        float: left;
        width: 40px;
        height: 40px;
        
    }
    
    .slick-next:hover svg{
        opacity: 0.75;
    }
    .slick-prev:hover svg{
        opacity: 0.75;
    }
    .header-nav .items .item:hover h3{
        color: #64aa32;
    }
    
    .header-nav .items .item:hover h3::after{
        width: 100%;
    }
    #picto-stocks:hover #new{
        transform-origin: center;
        animation: bounced 1.5s cubic-bezier(.24,.28,.07,.92) alternate forwards;
        transform-box: fill-box;
         transform: scale(0);
    }
    
    #picto-stocks:hover #stars{
        transform-origin: center;
        animation: bounced 1.5s cubic-bezier(.24,.28,.07,.92) alternate forwards;
        transform-box: fill-box;
         
    }
     #picto-occas:hover #roue{
        transform-box: fill-box;
        transform-origin: 62% 62%;
        animation: roll 1s linear infinite forwards;
    
     }
    
     #picto-pieces:hover #pieces{
        transform-box: fill-box;
        transform-origin: center;
        animation: roll 3s cubic-bezier(.24,.28,.07,.92) forwards;
    
     }
    #picto-team:hover #droite-team{
        transform: translateX(0%);
    }
    #picto-team:hover #gauche-team{
        transform: translateX(0%);
    }

    .btn-border:hover{
        background-color: #64aa32;
        color: #fff;
    }
    .btn-border.fav-btn:hover svg{
        fill: #64aa32;
        stroke: #fff;
    }
    .btn-border.print-btn:hover svg{
        fill: #fff;
    }
    .btn:hover{
        padding-right: 5rem;
    }
    .btn:hover::after{
        opacity: 1;
        transform: translateX(0);
      
    }
    .slider-marques article.slick-slide:hover{
        background-color: #fff!important;
    }
    .slider-marques article.slick-slide:hover span{
        color: #1d1d1d;
    }
    .slider-marques article.slick-slide:hover svg{
        transform: scale(1.1);
    }
    .slider-marques article.slick-slide:hover img{
        transform: scale(1.1);
    }
    .close-panel:hover{
        background: transparent;
    }
    .close-panel:hover::after{
        transform: scale(.5) rotate(0);
        background-color: #64aa32;
    }
    .close-panel:hover::before{
        transform: scale(.5) rotate(0);
        background-color: #64aa32;
    }
    .marques-decouvrir-btn:hover{
        background-color:#FFF;
        color:#64AA32;
        text-decoration: none;
        border:2px solid #64AA32;
    }
    .slick-next:hover{
        transform: scale(1.1);
    }
    .slick-prev:hover{
        transform:  scale(1.1);
    }
    .products-item:hover .img-hover{
        opacity: 1;
    }
    
    .products-item:hover .btn-hover{
        opacity: 1;
    }
    .products-item:hover .product-overlay, .fav-item:hover .product-overlay{
        background-color: rgba(37, 48, 59, 0.75);
    }
    .products-item:hover .product-overlay .btn, .fav-item:hover .product-overlay .btn{
        opacity: 1;
        padding-right: 5rem;
        
    }
    
    .products-item:hover .product-overlay .btn::after, .fav-item:hover .product-overlay .btn::after{
        opacity: 1;
        transform: translateX(0);
    }
    .service:hover .service-content .num{
        color: #437222;
        -webkit-text-stroke-color: #fff;
    }
    
    .service:hover .service-content button{
        background-color: #437222;
    }
    
    .service:hover .service-content button svg{
        fill: #fff;
    }
    .service:hover .service-img img{
        transform: scale(1.05);
    }
    footer a:hover, footer a:active{
        color: #64aa32;
    }
    footer .footer-contact a:hover svg{
        fill: #64aa32;
    }
    footer .footer-menu ul li a:hover::after, footer .footer-menu ul li a:active::after{
        background: url("https://assets.service-regional-joskin.be/images/icons/chevron-right-green.svg") no-repeat;
        transform: translateX(5px);
    
    }
    footer input[type=submit]:hover{
        background-color: #fff;
        color: #64aa32;
    }
    footer .footer-rs a:hover svg{
        fill: #64aa32;
    }
    footer .footer-rs .btn-footer:hover svg{
        fill: #fff;
    }
    
    footer .footer-rs .btn-footer:hover{
        color: #fff;
        padding-right: 4.5rem;
    }
    .linkBottom.footerLinks a:hover{
        color: #fff;
    }
    input[type="submit"].btn:hover{
        padding-right: 5rem;
    }
    
    .contact-content .contact-link a:hover{
        color: #64aa32;
    }
    .contact-content .contact-link a:hover svg{
        fill: #64aa32;
    }
    .contact-content .contact-rs a:hover svg{
        fill: #64aa32;
    }
    .close-contact:hover{
        background-color: #25303b;
    }
    .close-contact:hover::after{
        background-color: #fff;
        transform: rotate(0) scale(0.55);
    }
    .close-contact:hover::before{
        background-color: #fff;
        transform: rotate(0) scale(0.55);
    
    }
    .close-fav-item:hover{
        background-color: #25303b;
    }
    
    .close-fav-item:hover::after{
        background-color: #fff;
    }
    
    .close-fav-item:hover::before{
        background-color: #fff;
    }
    .team-band .btn:hover{
        color: #fff;
    }
    .btn-hover ul li:hover{
        transform: scale(1.1);
        background-color: #64aa32;
    }

    .menu-burger .close-burger:hover, .close-lang:hover{
        background-color: #25303b;
        filter: brightness(0.5);
    }
    .menu-burger .close-burger:hover::after, .close-lang:hover::after{
        background-color: #fff;
        transform: rotate(0) scale(0.5);
    }
    .menu-burger .close-burger:hover::before, .close-lang:hover::before{
        background-color: #fff;
        transform: rotate(0) scale(0.5);
    }
    .nos-equipe-cover-ctn a:hover{
        color: #87e940;
        fill: #87e940;
    }
    .gallery-nav .small_img:hover{
        opacity: 1;
    }
    .contactOccas a:hover{
        color: #64aa32;
    }
    .contactOccas a:hover svg{
        fill: #64aa32;
    }
    .back-occas a:hover svg, .print-btn a:hover svg{
        transform:translateX(-5px);
        fill: #64aa32;
    }
     .fav-btn a:hover p{
        color: #64aa32;
    }
     .fav-btn a:hover svg{
        transform: scale(1.15);
        fill: #64aa32;
    }
    .fav-btn a:hover svg{
        stroke: #64aa32;
    }
    .fav-item:hover img{
        transform: scale(1.05);
    }
    .close-favoris:hover{
        background-color: #25303b;
    }
    .close-favoris:hover::after{
        background-color: #fff;
    }
    .close-favoris:hover::before{
        background-color: #fff;
    }
    .stocks-container .stocks li a:hover{
        color: #64aa32;
    }
    
    .stocks-container .stocks li a:hover::after{
        transform: translateX(0.5rem);
    }

    .retour-btn:hover{
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none;
    }
    .retour-arrow>svg:hover{
        color:gray;
    }
    .products-item:hover .product-overlay .btn{
        padding-right: 4rem;
      
    }

    .products-item:hover .product-overlay .btn::after{
        right: 5px;
    }

    /* active */
    .whiteMenu .lang a:active svg {
        fill: #64AA32;
        stroke: #64AA32
    }
    a:active {
        outline: 0
    }
    .mb-wrapper a:active .mb-wrap{
        background-color: #64aa32;
    }

    .mb-wrapper a:active .mb-wrap::before{
        border-bottom: 30px solid transparent;
        border-left: 5px solid transparent;
        border-top: 15px solid #64aa32;
        border-right: 10px solid #64aa32;
    }
    .mb-wrapper a:active .mb-wrap::after{
        border-bottom: 30px solid #64aa32;
        border-left: 5px solid #64aa32;
        border-top: 15px solid transparent;
        border-right: 10px solid transparent;
    }
    .mb-wrapper a:active .mb-wrap .mb-wrap-content span{
        color: #fff;
    }

    .headMenu a:active span {
        color: #64AA32
    }
    
    .headMenu a:active svg {
        fill: #64AA32;
    }
    .headMenu .agent a:active {
        color: #000
    }

    .lang-container a:active{
        color: #64aa32;
    }

    .overlay-content a:active img{
        filter: drop-shadow(0px 4px 5px #00000066);
        transform: translateY(3px);
    }
    .header-list .menu-list .menu-link:active {
        text-decoration: none;
        color: #fff;
    }
    .header-list .menu-list:not(.contact) .menu-link:active p{
        color: #fff;
    }
    
    .header-list .menu-list.contact .menu-link:active p{
        color: #25303b;
    }
    .header-list .menu-list .menu-link:active svg {
        stroke: #fff;
        transform: rotate(180deg)
    }
    .menu-list:active .menu-link {
        text-decoration: none;
        color: #fff;
        background: #64aa32;
        transition: all .6s
    }
    
    .menu-list.contact:active .menu-link{
        background-color: #fff;
        color: #64aa32;
    }
    .menu-list.contact:active::after{
        background-color: #fff;
      
        transition: all .6s;
    }
    
    .menu-list:active .menu-link svg {
        stroke: #ffd600;
        transform: rotate(180deg)
    }
    .dropdown-content .col .list-content:active {
        color: #ffd600
    }

    .header-list .menu-sub-list li a:active {
        color: #ffd600;
        text-decoration: none;
        background: #384750;
        border-radius: 3px;
        transition: all .5s
    }
    .btn-yellow:active,
    .btn-yellow svg:active {
        color: #ffd600;
        background: 0 0;
        fill: #ffd600;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
    .btn-green:active,
    .btn-green svg:active {
        color: #64AA32;
        background: 0 0;
        fill: #64AA32;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
    .btn-blue:active,
    .btn-blue svg:active {
        color: #00ade9;
        background: 0 0;
        fill: #00ade9;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
    .btn-orange:active,
    .btn-orange svg:active {
        color: #fbb03b;
        background: 0 0;
        fill: #fbb03b;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
    .btn-green-border:active,
    .btn-green-border svg:active {
        background: #64AA32;
        fill: #64AA32;
        color: #fff
    }
    .btn-yellow-border:active,
    .btn-yellow-border svg:active {
        color: #25303b;
        background: #ffd600;
        fill: #ffd600;
    }
    .btn-blue-border:active,
    .btn-blue-border svg:active {
        color: #fff;
        background: #00ade9;
        fill: #00ade9;
    }
    .all_occas_btn:active svg{
        transform: translateX(5px) rotate(180deg);
        fill: #64aa32;

    }
    .uiMail span svg:active {
        stroke: #e7e7e7;
    }
    .logo .joskin-sprite:active {
        background-color: #e8eef6;
        border-radius: 15px
    }
    #header-logo a:active img{
        opacity: 0.75;
    
    }
    .slick-prev:active {
        background: url(https://assets.service-regional-joskin.be/images/arrow-left.svg) #fff no-repeat center;
        background-size: 75%;
        float: left;
        width: 40px;
        height: 40px;
       
    }
    
    .slick-next:active {
        background: url(https://assets.service-regional-joskin.be/images/arrow-right.svg) #fff no-repeat center;
        background-size: 75%;
        float: left;
        width: 40px;
        height: 40px;
        
    }
    
    .slick-next:active svg{
        opacity: 0.75;
    }
    .slick-prev:active svg{
        opacity: 0.75;
    }
    .header-nav .items .item:active h3{
        color: #64aa32;
    }
    
    .header-nav .items .item:active h3::after{
        width: 100%;
    }
    #picto-stocks:active #new{
        transform-origin: center;
        animation: bounced 1.5s cubic-bezier(.24,.28,.07,.92) alternate forwards;
        transform-box: fill-box;
         transform: scale(0);
    }
    
    #picto-stocks:active #stars{
        transform-origin: center;
        animation: bounced 1.5s cubic-bezier(.24,.28,.07,.92) alternate forwards;
        transform-box: fill-box;
         
    }
     #picto-occas:active #roue{
        transform-box: fill-box;
        transform-origin: 62% 62%;
        animation: roll 1s linear infinite forwards;
    
     }
    
     #picto-pieces:active #pieces{
        transform-box: fill-box;
        transform-origin: center;
        animation: roll 3s cubic-bezier(.24,.28,.07,.92) forwards;
    
     }
    #picto-team:active #droite-team{
        transform: translateX(0%);
    }
    #picto-team:active #gauche-team{
        transform: translateX(0%);
    }

    .btn-border:active{
        background-color: #64aa32;
        color: #fff;
    }
    .btn-border.fav-btn:active svg{
        fill: #64aa32;
        stroke: #fff;
    }
    .btn-border.print-btn:active svg{
        fill: #fff;
    }
    .btn:active{
        padding-right: 5rem;
    }
    .btn:active::after{
        opacity: 1;
        transform: translateX(0);
      
    }
    .slider-marques article.slick-slide:active{
        background-color: #fff!important;
    }
    .slider-marques article.slick-slide:active span{
        color: #1d1d1d;
    }
    .slider-marques article.slick-slide:active svg{
        transform: scale(1.1);
    }
    .slider-marques article.slick-slide:active img{
        transform: scale(1.1);
    }
    .close-panel:active{
        background: transparent;
    }
    .close-panel:active::after{
        transform: scale(.5) rotate(0);
        background-color: #64aa32;
    }
    .close-panel:active::before{
        transform: scale(.5) rotate(0);
        background-color: #64aa32;
    }
    .marques-decouvrir-btn:active{
        background-color:#FFF;
        color:#64AA32;
        text-decoration: none;
        border:2px solid #64AA32;
    }
    .slick-next:active{
        transform: scale(1.1);
    }
    .slick-prev:active{
        transform:  scale(1.1);
    }
    .products-item:active .img-hover{
        opacity: 1;
    }
    
    .products-item:active .btn-hover{
        opacity: 1;
    }
    .products-item:active .product-overlay, .fav-item:active .product-overlay{
        background-color: rgba(37, 48, 59, 0.75);
    }
    .products-item:active .product-overlay .btn, .fav-item:active .product-overlay .btn{
        opacity: 1;
        padding-right: 5rem;
        
    }
    
    .products-item:active .product-overlay .btn::after, .fav-item:active .product-overlay .btn::after{
        opacity: 1;
        transform: translateX(0);
    }
    .service:active .service-content .num{
        color: #437222;
        -webkit-text-stroke-color: #fff;
    }
    
    .service:active .service-content button{
        background-color: #437222;
    }
    
    .service:active .service-content button svg{
        fill: #fff;
    }
    .service:active .service-img img{
        transform: scale(1.05);
    }
    footer a:active, footer a:active{
        color: #64aa32;
    }
    footer .footer-contact a:active svg{
        fill: #64aa32;
    }
    footer .footer-menu ul li a:active::after, footer .footer-menu ul li a:active::after{
        background: url("https://assets.service-regional-joskin.be/images/icons/chevron-right-green.svg") no-repeat;
        transform: translateX(5px);
    
    }
    footer input[type=submit]:active{
        background-color: #fff;
        color: #64aa32;
    }
    footer .footer-rs a:active svg{
        fill: #64aa32;
    }
    footer .footer-rs .btn-footer:active svg{
        fill: #fff;
    }
    
    footer .footer-rs .btn-footer:active{
        color: #fff;
        padding-right: 4.5rem;
    }
    .linkBottom.footerLinks a:active{
        color: #fff;
    }
    input[type="submit"].btn:active{
        padding-right: 5rem;
    }
    
    .contact-content .contact-link a:active{
        color: #64aa32;
    }
    .contact-content .contact-link a:active svg{
        fill: #64aa32;
    }

    .contact-content .contact-rs a:active svg{
        fill: #64aa32;
    }
    .close-contact:active{
        background-color: #25303b;
    }
    .close-contact:active::after{
        background-color: #fff;
        transform: rotate(0) scale(0.55);
    }
    .close-contact:active::before{
        background-color: #fff;
        transform: rotate(0) scale(0.55);
    
    }
    .close-fav-item:active{
        background-color: #25303b;
    }
    
    .close-fav-item:active::after{
        background-color: #fff;
    }
    
    .close-fav-item:active::before{
        background-color: #fff;
    }
    .team-band .btn:active{
        color: #fff;
    }
    .btn-hover ul li:active{
        transform: scale(1.1);
        background-color: #64aa32;
    }

    .menu-burger .close-burger:active, .close-lang:active{
        background-color: #25303b;
        filter: brightness(0.5);
    }
    .menu-burger .close-burger:active::after, .close-lang:active::after{
        background-color: #fff;
        transform: rotate(0) scale(0.5);
    }
    .menu-burger .close-burger:active::before, .close-lang:active::before{
        background-color: #fff;
        transform: rotate(0) scale(0.5);
    }
    .nos-equipe-cover-ctn a:active{
        color: #87e940;
        fill: #87e940;
    }
    .gallery-nav .small_img:active{
        opacity: 1;
    }
    .contactOccas a:active{
        color: #64aa32;
    }
    .contactOccas a:active svg{
        fill: #64aa32;
    }
    .back-occas a:active svg, .print-btn a:active svg{
        transform:translateX(-5px);
        fill: #64aa32;
    }
    .print-btn a:active p, .fav-btn a:active p{
        color: #64aa32;
    }
    .print-btn a:active svg, .fav-btn a:active svg{
        transform: scale(1.15);
        fill: #64aa32;
    }
    .fav-btn a:active svg{
        stroke: #64aa32;
    }
    .fav-item:active img{
        transform: scale(1.05);
    }
    .close-favoris:active{
        background-color: #25303b;
    }
    .close-favoris:active::after{
        background-color: #fff;
    }
    .close-favoris:active::before{
        background-color: #fff;
    }
    .stocks-container .stocks li a:active{
        color: #64aa32;
    }
    
    .stocks-container .stocks li a:active::after{
        transform: translateX(0.5rem);
    }

    .retour-btn:active{
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none;
    }
    .retour-arrow>svg:active{
        color:gray;
    }
    .products-item:active .product-overlay .btn{
        padding-right: 4rem;
      
    }

    .products-item:active .product-overlay .btn::after{
        right: 5px;
    }
    
  
}
/* *** End HOVER event disable *** */



/* active version on devices */
@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx),
(hover: none) and (pointer: coarse) {
    .all_occas_btn svg{
        margin-bottom:.9rem
    }

    
    /* active */
    .whiteMenu .lang a:active svg {
        fill: #64AA32;
        stroke: #64AA32
    }
    a:active {
        outline: 0
    }
    .mb-wrapper a:active .mb-wrap{
        background-color: #64aa32;
    }

    .mb-wrapper a:active .mb-wrap::before{
        border-bottom: 30px solid transparent;
        border-left: 5px solid transparent;
        border-top: 15px solid #64aa32;
        border-right: 10px solid #64aa32;
    }
    .mb-wrapper a:active .mb-wrap::after{
        border-bottom: 30px solid #64aa32;
        border-left: 5px solid #64aa32;
        border-top: 15px solid transparent;
        border-right: 10px solid transparent;
    }
    .mb-wrapper a:active .mb-wrap .mb-wrap-content span{
        color: #fff;
    }

    .headMenu a:active span {
        color: #64AA32
    }
    
    .headMenu a:active svg {
        fill: #64AA32;
    }
    .headMenu .agent a:active {
        color: #000
    }

    .lang-container a:active{
        color: #64aa32;
    }

    .overlay-content a:active img{
        filter: drop-shadow(0px 4px 5px #00000066);
        transform: translateY(3px);
    }
    .header-list .menu-list .menu-link:active {
        text-decoration: none;
        color: #fff;
    }
    .header-list .menu-list:not(.contact) .menu-link:active p{
        color: #fff;
    }
    
    .header-list .menu-list.contact .menu-link:active p{
        color: #25303b;
    }
    .header-list .menu-list .menu-link:active svg {
        stroke: #fff;
        transform: rotate(180deg)
    }
    .menu-list:active .menu-link {
        text-decoration: none;
        color: #fff;
        background: #64aa32;
        transition: all .6s
    }
    
    .menu-list.contact:active .menu-link{
        background-color: #fff;
        color: #64aa32;
    }
    .menu-list.contact:active::after{
        background-color: #fff;
      
        transition: all .6s;
    }
    
    .menu-list:active .menu-link svg {
        stroke: #ffd600;
        transform: rotate(180deg)
    }
    .dropdown-content .col .list-content:active {
        color: #ffd600
    }

    .header-list .menu-sub-list li a:active {
        color: #ffd600;
        text-decoration: none;
        background: #384750;
        border-radius: 3px;
        transition: all .5s
    }
    .btn-yellow:active,
    .btn-yellow svg:active {
        color: #ffd600;
        background: 0 0;
        fill: #ffd600;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
    .btn-green:active,
    .btn-green svg:active {
        color: #64AA32;
        background: 0 0;
        fill: #64AA32;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
    .btn-blue:active,
    .btn-blue svg:active {
        color: #00ade9;
        background: 0 0;
        fill: #00ade9;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
    .btn-orange:active,
    .btn-orange svg:active {
        color: #fbb03b;
        background: 0 0;
        fill: #fbb03b;
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
    .btn-green-border:active,
    .btn-green-border svg:active {
        background: #64AA32;
        fill: #64AA32;
        color: #fff
    }
    .btn-yellow-border:active,
    .btn-yellow-border svg:active {
        color: #25303b;
        background: #ffd600;
        fill: #ffd600;
    }
    .btn-blue-border:active,
    .btn-blue-border svg:active {
        color: #fff;
        background: #00ade9;
        fill: #00ade9;
    }
    .all_occas_btn:active svg{
        transform: translateX(5px) rotate(180deg);
        fill: #64aa32;

    }
    .uiMail span svg:active {
        stroke: #e7e7e7;
    }
    .logo .joskin-sprite:active {
        background-color: #e8eef6;
        border-radius: 15px
    }
    #header-logo a:active img{
        opacity: 0.75;
    
    }
    .slick-prev:active {
        background: url(https://assets.service-regional-joskin.be/images/arrow-left.svg) #fff no-repeat center;
        background-size: 75%;
        float: left;
        width: 40px;
        height: 40px;
       
    }
    
    .slick-next:active {
        background: url(https://assets.service-regional-joskin.be/images/arrow-right.svg) #fff no-repeat center;
        background-size: 75%;
        float: left;
        width: 40px;
        height: 40px;
        
    }
    
    .slick-next:active svg{
        opacity: 0.75;
    }
    .slick-prev:active svg{
        opacity: 0.75;
    }
    .header-nav .items .item:active h3{
        color: #64aa32;
    }
    
    .header-nav .items .item:active h3::after{
        width: 100%;
    }
    #picto-stocks:active #new{
        transform-origin: center;
        animation: bounced 1.5s cubic-bezier(.24,.28,.07,.92) alternate forwards;
        transform-box: fill-box;
         transform: scale(0);
    }
    
    #picto-stocks:active #stars{
        transform-origin: center;
        animation: bounced 1.5s cubic-bezier(.24,.28,.07,.92) alternate forwards;
        transform-box: fill-box;
         
    }
     #picto-occas:active #roue{
        transform-box: fill-box;
        transform-origin: 62% 62%;
        animation: roll 1s linear infinite forwards;
    
     }
    
     #picto-pieces:active #pieces{
        transform-box: fill-box;
        transform-origin: center;
        animation: roll 3s cubic-bezier(.24,.28,.07,.92) forwards;
    
     }
    #picto-team:active #droite-team{
        transform: translateX(0%);
    }
    #picto-team:active #gauche-team{
        transform: translateX(0%);
    }

    .btn-border:active{
        background-color: #64aa32;
        color: #fff;
    }
    .btn-border.fav-btn:active svg{
        fill: #64aa32;
        stroke: #fff;
    }
    .btn-border.print-btn:active svg{
        fill: #fff;
    }
    .btn:active{
        padding-right: 5rem;
    }
    .btn:active::after{
        opacity: 1;
        transform: translateX(0);
      
    }
    
    .close-panel:active{
        background: transparent;
    }
    .close-panel:active::after{
        transform: scale(.5) rotate(0);
        background-color: #64aa32;
    }
    .close-panel:active::before{
        transform: scale(.5) rotate(0);
        background-color: #64aa32;
    }
    .marques-decouvrir-btn:active{
        background-color:#FFF;
        color:#64AA32;
        text-decoration: none;
        border:2px solid #64AA32;
    }
    .slick-next:active{
        transform: scale(1.1);
    }
    .slick-prev:active{
        transform:  scale(1.1);
    }
   
    .service:active .service-content .num{
        color: #437222;
        -webkit-text-stroke-color: #fff;
    }
    
    .service:active .service-content button{
        background-color: #437222;
    }
    
    .service:active .service-content button svg{
        fill: #fff;
    }
    .service:active .service-img img{
        transform: scale(1.05);
    }
    footer a:active, footer a:active{
        color: #64aa32;
    }
    footer .footer-contact a:active svg{
        fill: #64aa32;
    }
    footer .footer-menu ul li a:active::after, footer .footer-menu ul li a:active::after{
        background: url("https://assets.service-regional-joskin.be/images/icons/chevron-right-green.svg") no-repeat;
        transform: translateX(5px);
    
    }
    footer input[type=submit]:active{
        background-color: #fff;
        color: #64aa32;
    }
    footer .footer-rs a:active svg{
        fill: #64aa32;
    }
    footer .footer-rs .btn-footer:active svg{
        fill: #fff;
    }
    
    footer .footer-rs .btn-footer:active{
        color: #fff;
        padding-right: 4.5rem;
    }
    .linkBottom.footerLinks a:active{
        color: #fff;
    }
    input[type="submit"].btn:active{
        padding-right: 5rem;
    }
    
    .contact-content .contact-link a:active{
        color: #64aa32;
    }
    .contact-content .contact-link a:active svg{
        fill: #64aa32;
    }

    .contact-content .contact-rs a:active svg{
        fill: #64aa32;
    }
    .close-contact:active{
        background-color: #25303b;
    }
    .close-contact:active::after{
        background-color: #fff;
        transform: rotate(0) scale(0.55);
    }
    .close-contact:active::before{
        background-color: #fff;
        transform: rotate(0) scale(0.55);
    
    }
    .close-fav-item:active{
        background-color: #25303b;
    }
    
    .close-fav-item:active::after{
        background-color: #fff;
    }
    
    .close-fav-item:active::before{
        background-color: #fff;
    }
    .team-band .btn:active{
        color: #fff;
    }
    .btn-hover ul li:active{
        transform: scale(1.1);
        background-color: #64aa32;
    }

    .menu-burger .close-burger:active, .close-lang:active{
        background-color: #25303b;
        filter: brightness(0.5);
    }
    .menu-burger .close-burger:active::after, .close-lang:active::after{
        background-color: #fff;
        transform: rotate(0) scale(0.5);
    }
    .menu-burger .close-burger:active::before, .close-lang:active::before{
        background-color: #fff;
        transform: rotate(0) scale(0.5);
    }
    .nos-equipe-cover-ctn a:active{
        color: #87e940;
        fill: #87e940;
    }
    .gallery-nav .small_img:active{
        opacity: 1;
    }
    .contactOccas a:active{
        color: #64aa32;
    }
    .contactOccas a:active svg{
        fill: #64aa32;
    }
    .back-occas a:active svg, .print-btn a:active svg{
        transform:translateX(-5px);
        fill: #64aa32;
    }
    .print-btn a:active p, .fav-btn a:active p{
        color: #64aa32;
    }
    .print-btn a:active svg, .fav-btn a:active svg{
        transform: scale(1.15);
        fill: #64aa32;
    }
    .fav-btn a:active svg{
        stroke: #64aa32;
    }
    .fav-item:active img{
        transform: scale(1.05);
    }
    .close-favoris:active{
        background-color: #25303b;
    }
    .close-favoris:active::after{
        background-color: #fff;
    }
    .close-favoris:active::before{
        background-color: #fff;
    }
    .stocks-container .stocks li a:active{
        color: #64aa32;
    }
    
    .stocks-container .stocks li a:active::after{
        transform: translateX(0.5rem);
    }

    .retour-btn:active{
        -webkit-box-shadow:none;
        -moz-box-shadow:none;
        box-shadow:none;
    }
    .retour-arrow>svg:active{
        color:gray;
    }
    .products-item:active .product-overlay .btn{
        padding-right: 4rem;
      
    }

    .products-item:active .product-overlay .btn::after{
        right: 5px;
    }
}
/* *** End active devices *** */


/* Print */
@media print {
    /* styles here */
    .head nav{
        display: none!important;
    }

    footer{
        display: none!important;
    }

    .menu-left{
        margin-bottom: 5rem;
    }

}
/* *** End Print function *** */