@charset "utf-8";

#header { padding: 0 !important; margin: 0 !important; z-index: 9998}
html { font-size:100% !important}
body {
    font-family: arial, sans-serif;
    font-weight: 400;
    margin: 0 !important;
    padding: 0 !important;
    width:100% !important;
    font-size: 1em !important;
}
.responsive-img{width:100% !important; height:auto !important }

article ul.actions, article .icons { display:none;}

.activebar-container{ background: rgba(0, 0, 0, 0.8) !important; color:#fff !important;}

.activebar-container button { border-radius: 5px; border: 1px solid #fff; background: none !important; color:#fff !important }

#wrap{}

.navbar {
    border: none !important;
    background: none;
    color: #fff
}

.reserver{float:left; margin: 0}
.reserver p{ margin: -5px 0 0 0; padding: 0}

.navbar .search { float:left;
    border-radius: 20px;margin: 10px 0; overflow: hidden}
.navbar .search input {
   width: 25px;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   transition: all .5s ease;
    border-radius:20px; border:1px solid #767676
}
.navbar .search button {border:none !important; background: transparent !important; border-style: hidden; color: #000;-webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   transition: all .5s ease;}
.page-accueil .navbar .search button{ color: #fff}
 #header.clone .navbar .search button { color: #000}


.anton { font-family: Anton, sans-serif;}


.navbar .search input:focus {
   width: 200px;    
}

.page-accueil .navbar li a {
    color: #fff;
}

.page-accueil .navbar ul ul li a {
    color: #000 !important;
}
.page-interieur .navbar li a {
    color: #000 !important;
}
.page-interieur .navbar li a.red, .page-accueil .navbar li a.red{ color:#c8000a !important;}

#header .page-interieur .navbar li a.blue, .page-accueil .navbar li a.blue { color:#07c6ff !important; 
    -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   transition: all .5s ease; }
#header.clone .page-interieur .navbar li a.blue, .page-accueil .navbar li a.blue { color:#016cba !important; }

.page-interieur .navbar-fixed-top { background: #fff;}
#header.clone .navbar-fixed-top{ background: rgba(255, 255, 255, 0.8);  }
.page-accueil #header.clone .navbar li a {color: #000 }



#fullwidth {
    padding: 0;
}

@media screen and (min-width: 768px) {
    .page-interieur #wrap {
        padding-top: 115px
    }
    .navbar-brand img {
        width: 150px;
        height: auto;
        margin: 0
    }
    nav.navbar{ margin-top:40px}
    .page-interieur .navbar-brand img {
        -webkit-box-shadow: 0px -10px 22px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px -10px 22px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px -10px 22px 0px rgba(0, 0, 0, 0.1);
    }
}

@media screen and (max-width: 768px) {
    .page-interieur #wrap {
        padding-top: 70px
    }
     .navbar-fixed-top{ background: rgba(255, 255, 255, 0.9); color:#000 !important }
    .page-accueil .navbar li a {
    color: #000;
}
    nav.navbar{ margin-top: 0}
    .navbar-brand img {
        width: 80px;
        height: auto;
        margin: 0
    }
}

.navbar-brand {
    padding: 0 !important
}

header nav.navbar .menu > li:first-child{display: none;}

li.item-153 {
    display: none;
}


h2 {
    font-family: Arial, sans-serif;
    font-weight: 900;
}

h3 {
    font-family: Arial, sans-serif;
    font-weight: 700
}

.accordion-cat h3 {
   /* font-family: Anton, sans-serif;*/
    letter-spacing: 0.2rem
}


/* Demo 2 */
#demo-2 input[type=search] {
	width: 15px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}
#demo-2 input[type=search]:hover {
	background-color: #fff;
}
#demo-2 input[type=search]:focus {
	width: 130px;
	padding-left: 32px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}
#demo-2 input:-moz-placeholder {
	color: transparent;
}
#demo-2 input::-webkit-input-placeholder {
	color: transparent;
}


.breadcrumb{background: transparent !important; padding: 8px 0; -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease; opacity: 0.5; filter: opacity(50);}
.breadcrumb:hover{opacity: 1; filter: opacity(100);}

/* ----------------- ACCORDION ----------------- */

@media screen and (min-width: 768px) {
    .accordion-cat {
        width: 100%;
        min-height:600px;
        position: relative; 
        margin: 0 auto;
        float: left;
        display: block
    }

    .flex-container {
        position: absolute;
        height: 100%; 
        width: 100%;
        display: -webkit-flex;
        /* Safari */
        display: flex;
        overflow: hidden;
    }


    .flex-title {
        position: relative;
        top: 15vh;
        right: 5vh;
        text-align: right;
        display: block;
        width: 100%;
        color: #fff;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
    }

    .flex-title h2 {
        color: inherit;
        font-size: 1.3vw;
        text-transform: lowercase;
    }
    .flex-title .ligne {
        font-family: Arial, sans-serif;
        font-weight: 700;
        font-size: 1vw;
        letter-spacing: -2rem;
    }

    .flex-title h2::first-letter {
        text-transform: uppercase;
    }
    .flex-about h3 {
        color: #fff;
        font-size: 2vw;
    }
    .flex-about p {
        color: #fff;
        font-size: 1vw;
    }
    .flex-about a.cta {
        color: #fff;
        background: #c8000a;
        padding: 1vh 2vh;
        margin-top: 5%;
        font-size: 0.8vw;
        text-transform: uppercase;
        display: inline-block;
    }

    .flex-slide {
        position: relative
    }

    .flex-about {
        opacity: 0;
        position: relative;
        width: 50%;
        color: #f1f1f1;
        top: 15vh;
        right: 5vh;
        line-height: 1.3;
        text-align: right;
        display: block;
        float: right;
        /*transform: rotate(0deg);*/
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
    }


    .flex-slide {
        -webkit-flex: 1;
        /* Safari 6.1+ */
        -ms-flex: 1;
        /* IE 10 */
        flex: 1;
        cursor: pointer;
        background-position: center center;
        background-size: cover;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
    }

    .flex-slide:before {
        background: rgba(255, 255, 255, 0.6);
        opacity: 0.6;
    }
    .flex-title h2 {
        text-align: right;
        color: #fff
    }
    .flex-title h2 span {
        display: none
    }
    .flex-title h2:after {
        content: 'ᅳ';
        text-align: left
    }


}

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

    .flex-slide {
        display: block;
        width: 50%;
        height: auto;
        position: relative;
        background-position: left center;
        background-size: cover;
    }
    .flex-title,
    .flex-about {
        width: 95%;
        margin: 10px auto;
    }

    .accordion-cat {
        position: relative;
        margin-top: 70px;
        height: auto;
        overflow: hidden
    }
    .flex-container {
        position: relative;
        height: auto;
        overflow: hidden;
        display: flex;
        flex-flow: row wrap;
    }
    .flex-about {
        color: #fff;
    }
    .flex-slide:nth-child(4) {
        order: 1
    }
    .flex-slide:nth-child(3) {
        order: 2
    }
    .flex-slide:nth-child(2) {
        order: 3
    }
    .flex-slide:nth-child(1) {
        order: 4
    }

    .flex-title h2 {
        text-align: left;
        color: #fff
    }
    .flex-title h2 span {
        display: none
    }
    .flex-title h2:after {
        content: 'ᅳ';
        text-align: left
    }

    .flex-about a.cta span {
        display: none
    }
    .flex-about a.cta::before {
        content: '✚';
    }

    .flex-title h2 {
        font-size: 4vw;
        text-transform: lowercase;
    }
    .flex-title .ligne {
        font-family: Catamaran, sans-serif;
        font-weight: 700;
        font-size: 3vw;
    }

    .flex-title h2::first-letter {
        text-transform: uppercase;
    }
    .flex-about h3 {
        color: #fff;
        font-size: 4vw;
        letter-spacing: normal;
        text-transform: uppercase;
    }
    .flex-about p {
        display: none;
    }
    .flex-about a.cta {
        color: #fff;
        background: none;
        border: 1px solid #fff;
        padding: 1vh;
        margin-top: 5%;
        font-size: 2vw;
        text-transform: uppercase;
        display: inline-block;
    }

    .flex-slide:hover .flex-about a.cta {
        border: 1px solid #c8000a;
    }

}


.flex-slide:hover {
    -webkit-flex-grow: 3;
    flex-grow: 3;

}

.flex-slide:hover .flex-title h2 {
    color: #c8000a
}




/* ----------------- ACTUALITES ----------------- */

.MBstyle .title-line {
    background: none !important;
    text-align: center !important;
}

.MBstyle * {
    text-align: center !important;
}

.MBstyle .title-line span {
    width: 60px !important;
    background: #c8000a !important;
    margin: 0 auto;
    float: none
}

#module-accueil * {
    text-align: center !important;
}

#module-accueil {
    overflow: hidden !important;
    margin: 20px auto !important;
    float: left !important;
    width: 100% !important
}

.MBstyle h3 {
    letter-spacing: normal !important;
    text-transform: uppercase !important;
    font-size: 3vh !important;
    color: #c8000a !important;
}

.featured-item {
    height: 300px;
    position: relative;
    padding: 4px;
}

.featured-img {
    background-size: cover;
    background-position: center center;
    position: relative;
    height: 100%
}

.featured-img a {
    display: block;
    height: 100%;
}

.contenu-actus {
    position: absolute;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    bottom: 0;
    left: 0;
}

.contenu-actus h4 {
    margin: 10px 20px;
}

.contenu-actus p {
    margin: 10px 20px;
    font-size: 0.8em; text-transform:initial; 
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.page-accueil #component {
    background: #f4f4f4;
    padding: 40px 0;
}

.page-accueil section {
    padding: 0 !important;
}

/* ----------------- PARTAGES ----------------- */

.container.partages {
    overflow: hidden;
    margin: 20px auto
}

/* ----------------- VEHICULES ----------------- */

#vehicule h1  {
    font-family: Arial, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 2rem;
    margin-bottom: 0;
    color: #c8000a;
    width: 100%;
    
}
#vehicule p{ text-align: justify}

#vehicule h2, .vehicule-h2 h2, .vehicule-h2 h1  {
    font-family: Arial, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1.6rem;
    margin-bottom: 0;
    color: #c8000a;
    width: 100%;
    text-align: center;
    
}

.vehicule-h2 { text-align: center}

.vehicule-h2 span, .vehicule-title span {
    text-align: center;
    font-size: 2rem;
    color: #c8000a; line-height: 2rem
    }

#vehicule .presentation_technique { text-align: center; margin-bottom: 40px;}

#vehicule #techniquediv .row.tech-image div { display: flex;
  justify-content: center;
  flex-direction: column;
  height: 200px; }

#vehicule #techniquediv { padding: 0 0 40px 0;}

#vehicule #tarif { background: #f4f4f4; padding: 3rem; margin: 2rem 0; text-align: center;}
#vehicule #tarif p {color: #c8000a; font-size: 2rem;}

#vehicule #tarif p .prix { font-size: 0.8rem; color:#5c5c5c}


#vehicule #tarif .teasing-offre { margin-bottom: 3rem; font-size: 1.5rem; color:#000 !important; overflow: hidden}

#vehicule .picto img{ width:auto; height: auto; max-height: 40px; max-width: 40px; margin: 0 1rem; opacity: 0.8;-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;}
#vehicule .picto:hover img{ opacity: 1}

#vehicule #techniquediv .table td { border:none !important}

#vehicule .container-fluid.module{ padding: 20px 0 40px 0}

.illustration img { border-radius: 10px; border: 1px solid #8e8e8e } 

#vehicule .dots { background-image: url('../images/dots.png'); background-repeat: no-repeat; background-position: right bottom;}

#vehicule .bloc-texte .container { padding: 0 0 40px 0; }

#vehicule .bloc-texte { background-size: auto 100%; background-repeat: no-repeat; color: inherit !important; }

#vehicule .illustration-mob { text-align: center; padding: 4vw; }

#vehicule .illustration-texte { display: flex; /* contexte sur le parent */
  flex-direction: column; /* direction d'affichage verticale */
  justify-content: center; /* alignement vertical */ }

#vehicule .illustration-texte p { }

#vehicule .illustration-mob img { margin:auto;
        -webkit-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.1);
}

#vehicule .container-fluid.module.accessoires { background-color:#f4f4f4; }

#vehicule .container-fluid.module.accessoires.pop { background-color:#edd460; }
#vehicule .accessoires.pop.dots { background-image: url('../images/dots.png'); background-repeat: no-repeat; background-position: right bottom;}

#vehicule .container-fluid.module .access-item { position: relative; margin: 10px; width:100%; max-width: 356px; max-height: 200px !important; overflow: hidden; float: left; }
#vehicule .container-fluid.module .access-item  .accessoire-photo {  width:100%; height:200px !important; float: left; background-size: cover; background-position: center center}


#vehicule .container-fluid.module .access-item .accessoire-photo .description { position: absolute; left:0; bottom:0; width:100%; padding:5px; background: rgba(0, 0, 0, 0.69); color:#fff; text-align: center; font-size: 1rem; -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease; opacity:0}
#cboxLoadedContent .description { position: absolute; left:0; bottom:0; width:100%; padding:5px; background: rgba(0, 0, 0, 0.69); color:#fff; text-align: center; font-size: 1.5rem; -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;}


#vehicule .container-fluid.module .access-item .accessoire-photo .description h4, #cboxLoadedContent .description h4{ font-size: 1em; font-weight: 300; margin: 0}
#vehicule .container-fluid.module .access-item .accessoire-photo .description p{ display: inline;}

#cboxLoadedContent .description p{ display: block; }
#vehicule .container-fluid.module .access-item .accessoire-photo:hover .description { opacity:1}

#vehicule .bloc-promotion { overflow: hidden;  }

#vehicule .bloc-promotion h2 { font-weight: 400; color: #000 }

#vehicule #bloc-promotion .container { padding-top:40px;padding-bottom:40px; }

.btn-grey{ text-transform: uppercase; color:#fff; font-weight:200; padding:10px 30px; background: #535353;-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease; }

.btn-grey:hover{ color:#fff !important; background:#333333 !important }

.btn-red{ text-transform: uppercase; color:#fff; font-weight:200; padding:10px 30px; background: #c8000a;-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease; }

.btn-red:hover{ color:#fff !important;background:#7c0006 !important }

#tarif .btn-red{ margin-right: 1rem; margin-top: 1rem; font-size:0.8em }
#tarif .btn-grey{ margin-top: 1rem; font-size:0.8em}

@font-face {
	font-family: 'IcoMoon';
	src: url('../../../media/jui/fonts/IcoMoon.eot');
	src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'IcoMoon';
    font-size: 50px;
    line-height: 1;

    opacity: .75;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -55px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '\e008';
}
[dir='rtl'] .slick-prev:before
{
    content: '\e006';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '\e006';
}
[dir='rtl'] .slick-next:before
{
    content: '\e008';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    list-style-type: none;

    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: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

@media screen and (min-width: 768px) {
    #vehicule .dots { background-size: 80% auto; }
    #vehicule .bloc-texte{ min-height:200px; font-size: 1.2em}
    .couleurs{margin-top: -20rem;}
    .couleurs .cycle-slideshow div{ height: 400px}
   
}

@media screen and (min-width: 1200px) {
    #vehicule .dots { background-size: 80% auto; }
    #vehicule .bloc-texte{ min-height:500px;}
   
}

@media screen and (max-width: 768px) {   
    #vehicule .dots { background-size: auto 100%; }
    #vehicule h2 {font-size: 3.5vw;}
    #vehicule .bloc-texte{ background-image: none !important;}
    .couleurs{ margin-top: 0}
    .couleurs .cycle-slideshow div{ height: 250px}
}

.couleurs {
    -webkit-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.1);
    background: #fff;
    padding: 20px;
    text-align: center;
    
}

.couleurs div div { z-index: 10; }

.couleurs .cycle-slideshow div {
    width: 100%;
    z-index: 6 !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.couleurs .cycle-pager.external {
    margin: 0 auto !important;
    width: auto !important; text-align: center;
}

.couleurs .cycle-pager.external a {
    margin: 5px;
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 2px solid #fff
}

.couleurs .cycle-pager.external a.cycle-pager-active {
    border-bottom: 2px solid #c8000a
}

.couleurs .cycle-pager.external a span {
    overflow: hidden;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    display: block !important;
    float: left;
    border: 1px solid #bebebe;    
}

#carousel, .bloc5ans { /*background: url('../images/360.jpg') !important; background-position: center center !important; background-size: auto 100% !important; */ position: relative !important; z-index: 2; padding: 0 0 50px 0;background: #e5e5e5; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #e5e5e5 23%, #e2e2e2 57%, #bababa 99%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #e5e5e5 23%,#e2e2e2 57%,#bababa 99%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #e5e5e5 23%,#e2e2e2 57%,#bababa 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#bababa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

#carousel #prev { position: absolute; left:1vw; top:50%; font-size: 3vw; color: #fff; opacity: 0.8; z-index: 11;}
#carousel #next { position: absolute; left:95vw; top:50%; font-size: 3vw; color: #fff; opacity: 0.8; z-index: 11; }

@media screen and (min-width: 768px) {
    #carousel ul{ width: 50vw; margin: 0 auto}
    #carousel .reveal {width: 30px; height: 30px; line-height: 24px; font-size: 30px; }
}
@media screen and (max-width: 768px) {   
    #carousel ul{ width: 95vw; margin: 0 auto}
    #carousel .reveal {width: 20px; height: 20px; line-height: 14px; font-size: 20px; }
}

#carousel ul, #carousel ul li { text-align: center; margin: 0 auto !important; }
#carousel li img { z-index: 10; margin: 0 auto !important; }
#carousel .reveal { position: absolute !important; z-index: 11; background: rgba(200, 0, 10, 0.8); border-radius: 40px;color:#fff; font-weight: 200;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease; }

#carousel .reveal:hover{ -webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);}

#carousel .revealed { position: absolute !important; }

.tooltip-inner { max-width: 300px}

#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}

/* PAGE GAMME */ 

.fond-gris { }

.blog-header {background: #e5e5e5; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #e5e5e5 23%, #e2e2e2 57%, #bababa 99%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #e5e5e5 23%,#e2e2e2 57%,#bababa 99%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #e5e5e5 23%,#e2e2e2 57%,#bababa 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#bababa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ padding: 50px 0; position: relative}

.page-gamme .vehicule-h2{ color:#c8000a; text-align: center}

.page-gamme .vehicule-h2 h2{ font-size: 1rem !important; line-height: 1rem}

.page-gamme h3 { font-size: 3rem !important; letter-spacing: normal; text-align: center}


@media screen and (min-width: 768px) {
.items-leading .image-page-gamme {}
.items-leading article { margin: 20px 0; position: relative; overflow: hidden}

.items-leading article.leading-0 .desc{ position:absolute; width:45%; right:0; top:0; background: #fff; padding: 20px}
.items-leading article.leading-0 .desc img{ float: right; width:55%; height: auto; }
.items-leading .leading-0 .image-vehicule { width:75%; height: auto; float: left; margin-top: 40px;}

.items-leading article.leading-1 .desc{ position:absolute; width:45%; left:0; top:20%; background: #fff; padding: 20px}
.items-leading article.leading-1 .desc img{ float: right; width:55%; height: auto; }
.items-leading .leading-1 .image-vehicule { width:75%; height: auto; float: right;}

.items-leading article a.lien-vehicule {-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease; padding:1rem 3rem; text-decoration: none; text-transform: uppercase; color:#fff; background: #c8000a; display: inline-block; clear: both  }
    .items-leading article a.lien-vehicule:hover { border-radius: 10px; background: #000}
}

@media screen and (max-width: 768px) {
.items-leading .image-page-gamme {}
.items-leading article { margin: 20px 0; position: relative; overflow: hidden}

.items-leading article.leading-0 .desc{ position: relative;z-index: 2;width:90%;margin: 0 auto; margin-top: -40px; background: #fff; padding: 20px;-webkit-box-shadow: 0px -10px 22px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px -10px 22px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px -10px 22px 0px rgba(0, 0, 0, 0.1);}
.items-leading article.leading-0 .desc img{ position: relative;float: right; width:55%; height: auto; }
    .items-leading .image-vehicule { z-index: 1;}
.items-leading article.leading-1 .desc{ position: relative; z-index: 2; width:90%;margin:0 auto; margin-top: -40px;background: #fff; padding: 20px;-webkit-box-shadow: 0px -10px 22px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px -10px 22px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px -10px 22px 0px rgba(0, 0, 0, 0.1);}
.items-leading article.leading-1 .desc img{position: relative; float: right; width:55%; height: auto; }

.items-leading article a.lien-vehicule { padding:1rem 3rem; text-decoration: none; text-transform: uppercase; color:#fff; background: #c8000a; display: inline-block; clear: both }
    .items-leading article a.lien-vehicule:hover { border-radius: 10px; background: #000}
}


.publicite.fond-bleu { background: #c9d8e0; margin-bottom: 0 !important}


/* --------- CONCESSIONS ----------- */

.concessions .picto img { height:20px !important; width: auto!important;}

.flexbox { display:flex; 
           flex-wrap: wrap;    
           text-align: center;
           align-items: top;
           font-weight: bold;
           justify-content: space-evenly;
           }
.concession { text-align: left !important; padding:20px}
.concession h3{ font-size: 1.4rem; color:#cc071e; text-transform: uppercase}
.concession h3 span{ font-size: 1.2rem; font-weight: lighter; color:#577590; float: right}
.concession .adresse { font-weight: lighter; font-size: 1rem}
.concession .cta{ float: right; display: inline-block;-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    background: #767676; padding: 5px 10px; border-radius: 5px;font-weight: normal;}
.concession .cta:hover{ background: #cc071e; }
.concession .cta span{ color:#fff;}
.liens-concession .facebook::before{ background: url('../images/icones/facebook.svg');}


/* ---------------------------------------*/ 


.vehicule-h4 h4  {
    font-family: Arial, sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1.5rem;
    margin-bottom: 0;
    color: #c8000a;
    width: 100%;
    text-align: left;
}

.flexbox-container {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;

	align-items: center;
}


.vehicule-h4 { text-align: left}
.vehicule-h4 span {
    text-align: left;
    font-size: 3rem;
    color: #c8000a; line-height: 2rem
    }

.page-gamme .category-desc { text-align: center}

.reste-gamme .image-vehicule{ display: none}
.reste-gamme .row-flex { /* pour display */
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
 
  /* pour flex-wrap */
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; padding: 0; margin: 0;
}

.reste-gamme article:not(.lien-gamme) a.lien-vehicule::before{ content: '+'; font-size: 2rem}
.reste-gamme article:not(.lien-gamme) a.lien-vehicule span { display: none}
.reste-gamme article:hover a.lien-vehicule span {display: block}
.reste-gamme article:not(.lien-gamme) a.lien-vehicule { text-decoration: none; text-transform: uppercase; color:#c8000a; display: inline-block; clear: both; }
.reste-gamme article:not(.lien-gamme):hover a.lien-vehicule {padding:0.5rem 2rem;text-decoration: none; text-transform: uppercase; color:#fff; background: #c8000a; display: inline-block; clear: both }
.reste-gamme article:not(.lien-gamme):hover a.lien-vehicule::before{display: none}
.reste-gamme article:not(.lien-gamme) a.lien-vehicule:hover { border-radius: 10px; background: #000}



.reste-gamme .row-flex .col-sm-3 { position: relative; padding: 0 5px !important; display: flex !important; float: none !important}
.reste-gamme .col-sm-3 article {display: flex !important; flex-direction: column; align-items: center; margin-bottom: 10px; padding: 2rem; background: #e5e5e5; /* Old browsers */
background: -moz-linear-gradient(top, #e5e5e5 0%, #f4f4f4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e5e5e5 0%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e5e5e5 0%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */ }


.reste-gamme .col-sm-3 article.maxiscooter { background: url(../images/maxiscooter.jpg); background-size: auto 100%; background-position: center; color: #fff; text-align: center; align-content: space-between !important; display: flex; }
.reste-gamme .col-sm-3 article.gammequads { background: url(../images/quads.jpg); background-size: auto 100%; background-position: center; color: #fff; text-align: center; align-content: space-between !important; display: flex; text-shadow: 0 0 5px #000  }
.reste-gamme .col-sm-3 article.gamme125cc { background: url(../images/125.jpg); background-size: auto 100%; background-position: center; color: #fff; text-align: center; align-content: space-between !important; display: flex; }
.reste-gamme .col-sm-3 article.lien-gamme .vehicule-h4 { color: #c8000a; text-align: center  }
.reste-gamme .col-sm-3 article.lien-gamme .vehicule-h4 span { color: #c8000a; text-align: center;
    font-size: 2rem; line-height: 2rem }
.reste-gamme .col-sm-3 article.lien-gamme a.lien-vehicule { padding:0.5rem 2rem;text-decoration: none; text-transform: uppercase; color:#fff; background: #c8000a; display: inline-block; clear: both}
.reste-gamme .col-sm-3 article.lien-gamme:hover a.lien-vehicule { border-radius: 10px; background: #000}
.reste-gamme .col-sm-3 article.lien-gamme .presentation { padding: 40% 0; }


@media screen and (max-width: 768px) {
    .reste-gamme .col-sm-3 article {width: 90%; margin: 1rem auto}
}
@media screen and (min-width: 768px) {
    .reste-gamme .col-sm-3 article { width: auto}
}

#bottom { margin: 20px 0}

#bottom .row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative; }
#bottom .row .moduletable.storelocator input[type="text"] {border-radius: 20px;
border:1px solid #fff; min-width:50%; min-height: 20px;}
#bottom .row .moduletable.storelocator input#adresse {border-radius: 20px;
border:1px solid #fff; min-width:50%; line-height: 22px;}
#bottom .row .moduletable.storelocator input[type="submit"] { 
border-radius: 20px;
border:1px solid #c8000a;
margin-left: -10% !important; background: #fff; color:#c8000a
    
    
}
#bottom .row .moduletable.storelocator .container{ width:auto !important; display: flex !important; padding:0; margin: 0; text-align: center; justify-content: center; }
#bottom .row .moduletable.storelocator button { 
border-radius: 20px;
border:1px solid #c8000a;
margin-left: -10% !important; left:-20px; background: #fff; color:#c8000a  
    
}

#bottom .row .moduletable.storelocator .col-md-6.col-xs-12 { width:auto !important; float: none !important; }
#bottom .row .moduletable.storelocator label{ display: none}
#bottom .row .moduletable.storelocator div:empty { display: none }

#bottom .row .moduletable.storelocator .cck_button_submit { margin-left: -10% !important; }

#bottom .row .moduletable.catalogues a {
border-radius: 20px;
border:1px solid #fff;
margin:20px auto; background: transparent; color:#fff; text-decoration: none; padding: 0.8rem 1rem
}

#bottom .row .moduletable h3 { color: #c8000a; letter-spacing: normal;font-weight: 300; text-align: center; white-space:pre;font-family: Arial, sans-serif;}
#bottom .row .moduletable.catalogues { background: url(../images/fondak.jpg); background-position: 25% center; background-size: auto 200%; width: 30%}
#bottom .row .moduletable.catalogues h3{ margin-bottom: 30px}
#bottom .row .moduletable h3 span { font-size: 4rem; }
#bottom .row .moduletable.storelocator{background: url(../images/ville.jpg); background-position: center; background-size: 200% auto; width: 70%}


#bottom .row .moduletable { display: flex !important; flex-direction: column !important; padding: 4rem; margin: 0; text-align: center }
@media screen and (max-width: 768px) {
  #bottom .row .moduletable h3 { font-size: 1.3rem}
  #bottom .row .moduletable.catalogues { background: url(../images/fondak.jpg); background-position: 25% center; background-size: auto 200%; width: 100%}
  #bottom .row .moduletable.storelocator{background: url(../images/ville.jpg); background-position: center; background-size: 200% auto; width: 100%}
  #bottom .row .moduletable h3 span { font-size: 2rem; }
  #bottom .row { flex-wrap: wrap}
    
}
@media screen and (min-width: 768px) {
  #bottom .row .moduletable h3 span { font-size: 4rem; }
    #bottom .row .moduletable h3 { font-size: 1.5rem; }
  #bottom .row .moduletable.catalogues { background: url(../images/fondak.jpg); background-position: 25% center; background-size: auto 200%; width: 30%}
  #bottom .row .moduletable.storelocator{background: url(../images/ville.jpg); background-position: center; background-size: 200% auto; width: 70%}
  #bottom .row { flex-wrap:nowrap}
}

#logobas img { width: 250px !important; height: auto !important; }

#footer { position: relative !important; z-index: 2; padding: 3rem 0;background: #f4f4f4; margin-top: 3rem }
/* ----------------- CONCESSIONNAIRES ----------------- */

#sl_sidebar {display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
 position: relative; /* pour flex-wrap */
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; padding: 0; margin: 0;}

#sl_sidebar .result-container {display: flex !important; flex-direction:row; position: relative; padding: 0 5px !important; }
#sl_sidebar .result-container .result-inner { width:100%;display: flex !important; flex-direction: column; margin-bottom: 10px; padding: 3rem; -webkit-box-shadow: 0px 0 22px 0px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0px 0 22px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 0 22px 0px rgba(0, 0, 0, 0.1);
}
    
#locate_form{ padding-bottom: 25px}   


#footer nav ul{ text-align: center}
#footer nav ul li { float: none !important; display: inline-block; }
#footer nav ul li a { color: #767676}

#footer nav ul li.active a { color: #fff}

/* ----------------- PARTAGES ----------------- */

.partages ul li { width: 100% !important; height: auto !important; list-style-type: none !important;}
.partages ul li::before{ display: none}
.partages ul { list-style-type: none !important;}

.chronoform { background: #fff}

#concours-form input{ margin-bottom: 10px;}

.socialbox { text-align: center}
.socialbox h3{ font-size: 2rem; color:#696969}
.socialbox a { display: inline-block; width:28px; height:28px; text-indent: -5000rem;
    -webkit-filter: saturate(0%);
    -moz-filter: saturate(0%);
    -ms-filter: saturate(0%);
    -o-filter: saturate(0%);
    filter: saturate(0%);
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    -ms-opacity: 0.5;
    -o-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;}

.socialbox a:hover {filter: saturate(100%);
    -webkit-filter: saturate(100%);
    -moz-filter: saturate(100%);
    -ms-filter: saturate(100%);
    -o-filter: saturate(100%);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    cursor: pointer;}



.socialbox .facebook { background: url(../images/PNG/facebook4.png) center center no-repeat;background-size: 100% auto; }
.socialbox .youtube { background: url(../images/PNG/youtube4.png) center center no-repeat;background-size: 100% auto; }
.socialbox .instagram { background: url(../images/PNG/instagram3.png) center center no-repeat;background-size: 100% auto; }
.socialbox .linkedin { background: url(../images/PNG/linkedin4.png) center center no-repeat;background-size: 100% auto; }

#concours-form input[type="text"],
#concours-form input[type="date"],
#concours-form input[type="datetime"],
#concours-form input[type="email"],
#concours-form input[type="number"],
#concours-form input[type="search"],
#concours-form input[type="time"],
#concours-form input[type="url"],
#concours-form input[type="password"],
#concours-form textarea,
#concours-form select 
{
    
}

#concours-form input[type="button"], 
#concours-form input[type="submit"]{
    
}
#concours-form input[type="button"]:hover, 
#concours-form input[type="submit"]:hover {
  
}
#concours-form h6{ font-size: 1.5rem}

#concours-form button.btn-info{ text-transform: uppercase; color:#fff; font-weight:200; padding:10px 30px; border:none; background: #c8000a;-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease; }

#concours-form button.btn-info:hover{ color:#fff !important;background:#7c0006 !important }

button.mylocation-button { background: url(../images/PNG/location.png) center center no-repeat;background-size: 100% auto;display: inline-block; width:28px; height:28px; border: none!important;}

/* ----------- LANGUES -----------*/
#langues {float: right; margin: 0}
@media screen and (min-width: 768px) {
    #lang-switch { position: absolute; z-index: 10000; right:10px; top: -5px; background: #151515; padding: 7px 5px 1px 5px; border-radius: 0 0 5px 5px; }
    #lang-switch a{display: none;-moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;-webkit-transition: all 500ms ease; opacity: 0; color: #fff; font-size: 9px }
    #lang-switch a.active{ display: inline-block; opacity: 1}
    #lang-switch:hover a { display: inline-block;opacity: 1}
}
@media screen and (max-width: 768px) {
        #lang-switch { position: absolute; z-index: 10000; right:10px; top:0; padding: 2px 5px 1px 5px; border-radius: 0 0 5px 5px; }
    #lang-switch a{display: none;-moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;-webkit-transition: all 500ms ease; opacity: 0; color: #151515; font-size: 9px }
    #lang-switch a.active{ display: inline-block; opacity: 1}
    #lang-switch:hover a { display: inline-block;opacity: 1}
}

#videodiv { z-index: 999}

#formulaires-essais { margin: 20px auto}
#formulaires-essais form{ padding: 20px 0}
#formulaires-essais .nav li {-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease; border-bottom: 3px solid #fff}
#formulaires-essais .nav li.active {border-bottom: 3px solid #cc071e; background-color: transparent; background-image: none; }
#formulaires-essais .nav li a{ color: #646464}
#formulaires-essais .nav li.active a{ color: #000;  background-color: transparent; background-image: none; }
#formulaires-essais .nav li.active:first-child { border-right: 1px solid #000;}
#formulaires-essais .nav li.active:last-child { border-left: 1px solid #000;}
#formulaires-essais .nav li:first-child a { text-align: right; font-size: 2rem }
#formulaires-essais .nav li:last-child a{ text-align: left; font-size: 2rem  }


.cc-selector { text-align: center}
.cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}

.like{background-image:url('https://www.kymco.fr/images/15/_thumb2/likesteelgreyr452.png'); background-size: 190px auto !important; background-position: center 20px !important }
.people{background-image:url('https://www.kymco.fr/images/48/_thumb2/preview.png');}
.agility16{background-image:url('https://www.kymco.fr/images/137/_thumb2/agilitycitygoldr45.png'); background-size: 210px auto !important;background-position: center 10px !important}
.xtowncity{background-image:url('https://www.kymco.fr/images/688/_thumb2/x-town-ct125-bleumatr45.png'); background-size: 210px auto !important; background-position: center 5px !important}

.xtown{background-image:url('https://www.kymco.fr/images/50/_thumb2/xtownbleu-mat-r45.png'); background-size: 190px auto !important; background-position: center 20px !important }
.downtown125{background-image:url('https://www.kymco.fr/images/catalogue_vehicules/photos/52/_thumb2/downtownnoirr45topcase.png');}
.downtown350{background-image:url('https://www.kymco.fr/images/52/_thumb2/downtownnoirr45topcase.png');}
.xciting{background-image:url('https://www.kymco.fr/images/23/_thumb2/xciting-s400-r45blanc.png'); background-size: 160px auto !important; background-position: center bottom !important}
.ak550{background-image:url('https://www.kymco.fr/images/129/_thumb2/ak550midnightindigor45.png'); background-size: 220px auto !important;background-position: center 10px !important}
.mxu700{background-image:url('https://www.kymco.fr/images/172/_thumb2/mxu700it3br45.png'); background-size: 200px auto !important;background-position: center 10px !important}
.mxu550{background-image:url('https://www.kymco.fr/images/389/_thumb2/mxu550it3bsabler45.png'); background-size: 210px auto !important;background-position: center 10px !important}

.cc-selector input:active +.drinkcard-cc{opacity: 1;}
.cc-selector input:checked +.drinkcard-cc{
    -webkit-filter: saturate(100%);
       -moz-filter: saturate(100%);
            filter: saturate(100%);
    color:#cc071e;
    background-color: #e5e5e5;

}
.drinkcard-cc{
    cursor:pointer;
    text-indent: 0 !important;
    background-size: 180px auto;
    background-repeat:no-repeat;
    background-position: center bottom;
    border-radius: 5px;
    padding:10px 0 !important;
    display:inline-block;
    font-weight: bold;
    text-align: center;
    color:#000;
    width:200px; height:200px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: opacity(1);
       -moz-filter: opacity(1);
            filter: opacity(1);
}
.drinkcard-cc:hover{
    -webkit-filter: saturate(200%) opacity(1);
       -moz-filter: saturate(200%) opacity(1);
            filter: saturate(200%) opacity(1);
    background-color: #f2f2f2;
}


.hbspt-form {
    
}
.hbspt-form .field { margin: 1rem 0;}
.hbspt-form input[type=text], .hbspt-form input[type=email], .hbspt-form select{ height:34px; border-radius: 4px;}
.hbspt-form ul{ list-style-type: none}
.legal-consent-container{ margin: 2rem 0; text-align: justify; line-height: 1.9rem; font-weight: light !important }

.hbspt-form .hs-button{ text-transform: uppercase; color:#fff; font-weight:200; padding:10px 30px; background: #c8000a;-webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease; border-radius: 4px; border: none; margin:0 auto}

.hbspt-form .hs-button:hover{ color:#fff !important;background:#7c0006 !important }


.back-to-top { bottom:10rem; z-index: 500; content:" ˄ " !important;}

.selection-hiver {display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: space-around;
padding: 2rem 0
}

.selection-hiver h2 { margin-bottom: 20px }

.selection-hiver .item { width: 100%; max-width: 256px !important; height:auto !important;display: inline-block; text-align: center }
.selection-hiver .item-photo{ overflow: hidden; width:100%; height: auto; max-height: 200px; display: block; float: left}

article .actualites .container .row {display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: space-around;}
article .actualites .container .row div{display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: space-around;}

article .actualites .container .row h3 .red {color:#cc071e; font-weight: lighter}

.gamme-t3b div.blog-header {display: none}


/* ------------------------------------- */

.slicked-blog {
    justify-content:space-between;    
}

.slicked-blog .post{ padding: 10px}

.slicked-blog .post .btn { padding: 0.5em; font-size: 0.8em; text-transform: uppercase}

.slicked-blog .post p{ font-weight: normal; text-align: justify !important}

.slicked-blog .post h3{ font-size: 1.5em !important}


#content-bottom .MBstyle.blog {margin-top:20px }


/* -------- promotions --------------- */ 

.promotions a.image {display:block}
.promotions a.image img{ width:100% !important; height:auto !important}