body{background-color: #EFEFEF;}
body a{transition: all 300ms ease; color: #000;}
body a:hover{color:#fd2c15; outline:none;}

a.lien-occasion{color: #000; text-decoration: none;}
.container::before,
.container::after,
.row::before,
.row::after,
.owl-nav{display: none;}
.titre-occasion{font-size: 29px; margin: 10px 0;}
a.thumbnail:hover{text-decoration: none;}
.cylindree{color: #000;}
.prix{color: #ee1c25;}
.prix-barre{color: #ee1c25; text-decoration: line-through;}

.container-md .row{margin-right: 0; margin-left: 0;}

.ref_moto_home{
    margin-top: 10px;
    font-size: 18px;
    color: #000;
}

.super-header{
    display: flex;
    justify-content: center;
    background: #333;
    padding: 7px 30px;
}

.super-header .picto{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 20px;
    width: 100%;
    max-width: 1200px;
    color: #FFF;
}
.super-header .picto a{color: #FFF; display: flex; align-items: center; gap: 12px;}
.super-header .picto a:hover{text-decoration:none; color:#fa2c15;}

.header-SMS{
    background-color: #000;
    display: flex;
    justify-content: center;
    padding: 12px 30px;
}

.header-SMS .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    padding: 0;
}

.header-SMS .container::before,
.header-SMS .container::after{display:none;}

.right{text-align: right;}
.logo-sarlat-moto-service{width: 180px;}

.logos-header,
.logos-header a,
.logo-sarlat-moto-service a{display: flex; justify-content: center; align-items: center;}
.logo-sarlat-moto-service a img{width: 100%; object-fit: contain;}

.logos-header{gap:5px;}
.logos-header a{
    background-color: #FFF;
    width: 70px;
    height: 70px;
    border-radius: 5px;
}

.logos-header a:hover{transform: scale(1.1);}

.logos-header a img{max-width:60px; max-height: 50px;}
.logos-header a.logo-yamaha img{max-height: 48px;}

.nav {background: #EFEFEF; padding: 10px 0 5px;}

.btn {
    border-radius: 0;
    text-transform: uppercase;
    font-family: "roboto", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.btn.focus, .btn:focus {outline: 0; box-shadow: none;}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle{
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn.btn-primary {
    position: relative;
    z-index:2;
    background-color: #000;
    border-color: #000;
    padding: 12px 40px;
    color: #FFF;
    font-weight: 500;
}
.btn.btn-primary:hover{background-color: #cd192d; border-color: #cd192d;}

.btn.btn-link{color: #000000; padding: 0;}

#carouselHeader {
    width: 100%;
    margin-bottom: 50px;
}

.carousel-control-next,
.carousel-control-prev{width: 10%; opacity: 0.7;}
.carousel-control-next .carousel-control-next-icon,
.carousel-control-prev .carousel-control-prev-icon{width: 26px; height: 26px;}

#carouselHeader .carousel-caption {
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    bottom: initial;
}

#carouselHeader .carousel-caption.pos-text-left {right: 60%; left: 10%;}
#carouselHeader .carousel-caption.pos-text-right{ left: 60%; right: 10%;}

.carousel-caption > img {margin-bottom: 30px;}

.text-intro{position: relative; z-index:2;}
.text-intro .CLArticle{
    background-color: transparent;
    max-width: 1100px;
    border: none;
    padding: 0;
    margin: 0 0 25px;
    color: #555;
    text-align: justify;
}

.text-intro .CLArticle h2{margin-top:0; color:#000; font-size: 22px; line-height: 26px; font-weight: 700; text-align: left;}
.text-intro .CLArticle p{font-size: 14px; line-height: 20px;}

.intro{font-size: 16px; margin-bottom: 20px;}

.section-presentation{
    position: relative;
    display: flex;
    justify-content: center;
    padding: 0 30px;
}

.section-presentation::before{
    background: url(../images/background-presentation.jpg) no-repeat center center;
    background-size: cover;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.55;
}

.card-container{
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1400px;
    margin: 110px auto;
}

.card-container .card-container__presentation{
    background-color: #FFF;
    position: relative;
    width: 48%;
    padding: 30px 40px 34px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.card-deck {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px 35px;
}

.card-deck .card {
    background-color: #fff;
    position: relative;
    display: flex;
    padding: 10px;
    width: 100%;
    min-width: 200px;
    max-width: 320px;
    max-height: 450px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.card-deck .card .card-body {
    padding: 20px 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.75);
    transform: translateY(100%);
    transition: all 0.25s ease 0s;
    text-align: center;
}

.card-deck .card a{display:flex; width: 100%; height: 100%;}
.card-deck .card a:hover .card-body {transform: translateY(-5%);}

.logo-card {
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 1;
    width: 82px;
    height: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    padding: 10px;
}

.logo-card img{max-width: 100%; max-height: 50px;}

.block-img{position: relative; overflow: hidden; width: 100%;}

.block-img .card-img-top{width: 100%; height: 100%; object-fit: cover;}

.block-img img:last-child {
  transform: scale(1);
  transition: all 0.25s ease 0s;
}

.card-deck .card:hover .block-img img:last-child {transform: scale(1.15);}

.card-deck .card-inactive:hover .block-img img:last-child{transform: scale(1);}

.card-body .btn.btn-link{
    font-weight: 500;
    text-decoration: none;
    line-height: 20px;
    font-size: 16px;
    transition: all 300ms ease;
}

.card-body .btn.btn-link:hover{transform: scale(1.15);}

.card.location-moto .location-moto__txt{
    position: absolute;
    bottom: 86px;
    z-index: 2;
    width: 100%;
    padding: 0 20px;
    color: #FFF;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    font-size: 36px;
    line-height: 36px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.8);
}


footer {
    position: relative;
    background-color: #000000;
    display: flex;
    justify-content: center;
    gap: 20px;
    padding: 50px 30px 40px;
    color: #ffffff;
}

footer .container-md{
    width: 100%;
    max-width: 960px;
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
}

footer .col-md-4{width: auto;}

footer .logo-footer{display: flex; align-items: flex-start; max-width: 210px;}
footer .logo-footer img{width: 100%;}

footer .title-sect-footer {
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 14px;
}

footer .tel-concess{
    display: block;
    margin-top: 12px;
    font-size: 18px;
}

footer .tel-concess a{color:#FFF; text-decoration:none;}

footer span {display: block;}

.reseaux img {
  margin-right: 20px;
}

.modal-header .close {
    position: absolute;
    right: 17px;
}
.ckbox label{margin-left: 5px;}

.picto .fa, .picto .fas, .picto .far{margin-left: 3.5px;}

.footer2{
    background-color: #222;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    padding: 20px 0 30px;
    border-top: 1px solid #444;
}

.footer2 .container{
    display: flex;
    justify-content: center;
    text-align:center;
    gap: 10px;
    color: #888;
    font-weight: 300;
}

.footer2 .ecolo{
    color: #AAA;
    font-weight: 300;
    font-size: 14px;
}

.footer2 a{
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline;
}
.footer2 a:hover{text-decoration: none;}

.title-sect-footer .fab{
    color: #fff;
    font-size: 25px;
    vertical-align: top;
    margin-left: 7px;
}

.logo-checkbox{margin-top: 40px !important;}

.logo-promotion{position: relative !important; top: 1px !important;}

.contenu-vehicules.selection-offres{
    position:relative;
    background-color: #333;
    padding: 80px 30px;
    border-top: 3px solid #cd192d;
}

.contenu-vehicules.selection-offres::before{
    background: url(../images/motorcycle-garage-bright-light.jpg) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    content: "";
    width: 100vw;
    height: 100%;
    opacity: 0.2;
}

.contenu-vehicules .annonces-title{
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    max-width: 1550px;
    margin: 0 auto 40px;
}

.annonces-title .titre-accueil{margin: 0; font-size: 28px; color: #FFF;}
.annonces-title .cta-voir-tout-accueil{padding: 6px 20px; border: 1px solid #FFF; color:#FFF;}
.annonces-title .cta-voir-tout-accueil:hover{text-decoration:none; background-color:#FFF; color:#000;}

.occasions-accueil{
    position: relative;
    z-index: 2;
    padding: 0 40px;
    margin: 0 auto;
    max-width: 1630px;
}

.occasions-accueil .carousel-inner .row{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin: 0 -15px;
}

.occasions-accueil .carousel-inner .vignette-home{
    max-width: 280px;
    padding: 0 0 15px;
    margin: 6px 0;
    background-color: #EEE;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    transition: all 300ms ease;
}

.occasions-accueil .carousel-inner .vignette-home:hover{
    transform: translateY(-5px);
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    background-color: #FFF;
}

.occasions-accueil .carousel-inner .vignette-home a:focus{outline:none;}

.occasions-accueil .carousel-indicators {
	top: auto;
    bottom: -70px;
}
.occasions-accueil .carousel-indicators li {
    background: #000;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin: 0 3px;
}

.occasions-accueil .owl-carousel{position:relative; overflow: visible;}

.occasions-accueil .owl-carousel .owl-stage-outer{z-index:2;}

.slider .owl-carousel .owl-nav,
.occasions-accueil .owl-carousel .owl-nav{
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.slider .owl-carousel .owl-nav{top: 48%;}
.occasions-accueil .owl-carousel .owl-nav{top: 32%; margin: 0;}

.slider .owl-carousel .owl-nav .owl-prev{margin-left: 40px; left:0;}
.occasions-accueil .owl-carousel .owl-nav .owl-prev{left:0; margin-left: -50px; color:#FFF;}
.slider .owl-carousel .owl-nav .owl-next{margin-right: 40px; right: 0;}
.occasions-accueil .owl-carousel .owl-nav .owl-next{right: 0; margin-right: -50px; color:#FFF;}

.occasions-accueil .owl-carousel .owl-nav .disabled{opacity: 0.2;}

.slider  .owl-carousel .owl-nav .owl-prev,
.slider  .owl-carousel .owl-nav .owl-next,
.occasions-accueil .owl-carousel .owl-nav .owl-prev,
.occasions-accueil .owl-carousel .owl-nav .owl-next{
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    width: 30px;
    height: 46px;
    font-size: 75px;
    line-height: 26px;
    transition: all 300ms ease;
}

.slider .owl-carousel .owl-nav .owl-prev:hover,
.slider .owl-carousel .owl-nav .owl-next:hover,
.occasions-accueil .owl-carousel .owl-nav .owl-prev:hover,
.occasions-accueil .owl-carousel .owl-nav .owl-next:hover{
    background-color: transparent;
    color: #cd192d;
    box-shadow: none;
}

.slider .owl-carousel .owl-nav .owl-prev span,
.slider .owl-carousel .owl-nav .owl-next span,
.occasions-accueil .owl-carousel .owl-nav .owl-prev span,
.occasions-accueil .owl-carousel .owl-nav .owl-next span{display:block; height: 46px;}

.occasions-accueil .owl-theme .owl-dots{margin-top: 30px;}

.occasions-accueil  .owl-theme .owl-dots .owl-dot span{
    background: #000;
    width: 14px;
    height: 14px;
    transition: all 300ms ease;
}

.occasions-accueil .owl-theme .owl-dots .owl-dot.active span,
.occasions-accueil .owl-theme .owl-dots .owl-dot:hover span{
    background: #cd192d;
    box-shadow: none;
}

.img-occasion-accueil{position: relative; border-radius: 0; overflow: hidden;}

.owl-carousel .owl-item .img-occasion-accueil .permis-a2-liste{width: 40px;}

.label-occasion{
    padding-right: 1.5rem;
    padding-left: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #434c56;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    min-height: 2em;
    line-height: 2;
    box-shadow: 0 1px 2px 0 rgba(46,56,67,.25);
    position: relative;
    background-color: #fff;
    position: absolute;
    margin-top: 12px;
    margin-left: 12px;
}

.img-occasion-accueil .label-occasion .fa-circle{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    overflow: hidden;
    font-size: 22px;
}

.vignette-occasion-accueil,
.vignette-occasion-accueil a{position: relative;}

.vignette-occasion-accueil{display:block;}

.vignette-occasion-accueil:hover,
.vignette-occasion-accueil a:hover{text-decoration:none;}

.voir-detail-occasion{
    transition: all .3s;
    position: absolute;
    opacity: 0;
    z-index: 2;
    left: 50%;
    top: 87px;
    margin-left: -50px;
}
.vignette-occasion-accueil:hover .voir-detail-occasion{opacity: 1;}

.occasions-accueil .carousel-inner .vignette-occasion-accueil .detail-occasion-accueil .row{margin: 0;}

.titre-occasion-accueil{
    background-color: #000;
    font-size: 15px;
    color: #FFF;
    font-weight: 800;
    margin: 0 0 15px;
    padding: 14px 10px 15px;
    text-align: center;
}

.titre-occasion-accueil span{
    display: block;
    margin-top: 2px;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}

.sous-titre-occasion-accueil{
    font-size: 14px;
    color: #434c56;
    font-weight: 700;
    margin: 0 0 10px;
}
.detail-occasion-accueil .annee{
    color: #434c56;
    font-size: 14px;
    line-height: 24px;
}
.detail-occasion-accueil .annee i{
    margin-right: 5px;
    position: relative;
    top: -1px;
    color: #000;
}
.prix-accueil{
    text-align: right;
    color: #cd192d;
    font-size: 18px;
    font-weight: 700;
}
.detail-occasion-accueil {padding-top: 3px;}
.fa-blue{color: #5cb4e4;}
.fa-red{color: red;}
.fa-purple{color: purple;}
.fa-green{color: #0fb84f;}
.fa-yellow{color: #f0d707;}
.titre-map{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    background: rgba(0,0,0,.8);
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    padding: 2px 0;
}
.bloc-map{position: relative;}
.carousel-control path{
    transition: all .3s;
    fill: #fff;
}

.carousel-control:hover path{fill: #cd192d;}
.occasions-accueil .carousel-control path{fill: #000;}
.occasions-accueil .carousel-control:hover path{fill: #cd192d;}
.carousel-control{
    opacity: 1;
    top: 70px;
}
.carousel-control{width: 0;}
.carousel-control.left{left: -80px;}
.carousel-control.right {right: -60px;}

.occasions-accueil .carousel-indicators li{
    border: none;
    margin: 0;
    width: 11px;
    height: 11px;
}
.occasions-accueil .carousel-indicators .active{background: #cd192d;}

.detail-occasion-accueil{height: 27px;}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.slider{position:relative; z-index: 3; border-bottom: 3px solid #000;}
.slider .img-banner-home{width: 100%; display: flex; max-height: 750px;}
.slider .img-banner-home img{width: 100%; object-fit: cover;}
.slider .owl-stage,
.slider .owl-stage .owl-item{max-height: 700px;}

.slider .owl-stage .owl-item a{display: flex;  justify-content: center; position: relative;}
.slider .owl-stage .owl-item a,
.slider .owl-stage .owl-item a:hover{text-decoration: none;}

.slider .owl-stage .owl-item .item{display: flex; align-items: center; max-height: 700px; width: 100vw;}

.slider .owl-stage .owl-item .txt-slideshow__left{position: absolute; left: 8%; top: 50%; transform: translate(0, -50%);}
.slider .owl-stage .owl-item .txt-slideshow__right{position: absolute; right: 8%; top: 50%; transform: translate(0, -50%);}
.slider .owl-stage .owl-item .item .txt-slideshow{
    background-color: rgba(255,255,255,0.5);
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    padding: 30px;
    border-radius: 8px;
}

.slider .owl-stage .owl-item a:hover .item .txt-slideshow{color:#000;}
.slider .owl-stage .owl-item .item .txt-slideshow h2{margin: 0; font-size: 24px; font-weight: 800;}
.slider .owl-stage .owl-item .item .txt-slideshow p{margin-top: 15px;}
.slider .owl-stage .owl-item .item .txt-slideshow .btn.btn-primary{margin-top: 14px;}

.slider .owl-theme .owl-dots{
    position: absolute;
    z-index: 10;
    bottom: -18px;
    left: 50%;
    transform: translate(-50%, 0);
}

.slider .owl-theme .owl-dots .owl-dot span{
    width: 36px;
    height: 15px;
    border-radius: 3px;
    box-shadow: none;
    background-color: #FFF;
    border: 1px solid #000;
    transition: all 300ms ease;
}
.slider .owl-theme .owl-dots .owl-dot.active span,
.slider .owl-theme .owl-dots .owl-dot:hover span,
.slider .owl-theme .owl-dots .owl-dot:focus span{background-color:#cd192d;}


#myModal .modal-header h4{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 800;
    padding-left: 10px;
    color: #cd192d;
    border-left: 5px solid #cd192d;
    margin-left: 20px;
    line-height: 18px;
}

#myModal .modal-header .close{opacity: 0.6; margin-top: -8px; font-size: 30px; line-height: 30px;}
#myModal .modal-header .close:hover{opacity:1;}

#myModal .modal-body{display: flex; flex-wrap: wrap;}
#myModal .modal-body .row,
#myModal .modal-body #form_contact{margin: 0;}
.modal-body #form_contact .col-md-12 .row .col-md-12{padding: 0;}

.modal-body #form_contact .col-md-12.input-contact{display: flex; justify-content: space-between; flex-wrap: wrap;}
.modal-body #form_contact .col-md-12.input-contact .row{width: 48%;}
.modal-body #form_contact .col-md-12.input-contact .row:last-child{width: 100%;}

.modal-body #form_contact .ckbox{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}

.modal-body #form_contact .form-group label{font-size: 13px;}

.modal-body #form_contact .ckbox input,
.modal-body #form_contact .ckbox label{margin: 0;}
.modal-body #form_contact .ckbox label{cursor: pointer;}

.modal-body #form_contact .text-right{margin-right: 5px;}

.modal-body #form_contact .champ-obligatoire{font-size: 12px;}

.CLArticle.politique{max-width: 1100px; margin: 40px auto; padding: 30px;}


@media screen and (max-width: 1424px) {
    .card-container .card-container__presentation{width: 50%;}
    .card-deck{gap: 30px;}
}

@media screen and (max-width: 1100px) {
    .section-presentation .card-container .card-container__presentation{width: 100%;}
    .card-deck{max-width: 674px;}
}


@media screen and (max-width: 1024px) {
    .footer2 .container{flex-wrap: wrap;}
    .slider .owl-stage .owl-item .txt-slideshow__right{right: 10%;}
    .slider .owl-stage .owl-item .txt-slideshow__left{left: 10%;}
    .slider .owl-stage .owl-item .item .txt-slideshow{padding: 20px;}
    .slider .owl-stage .owl-item .item .txt-slideshow h2{font-size: 20px; text-align: left;}
    .slider .owl-stage .owl-item .item .txt-slideshow p{text-align: left; margin-top: 10px;}
    .slider .owl-stage .owl-item .item .txt-slideshow .btn.btn-primary {margin-top: 6px; padding: 10px 30px;}
    .slider .owl-theme .owl-dots{bottom: -45px;}
    .slider .owl-stage .owl-item .item{min-height: 260px;}
}

@media screen and (max-width: 768px) {
    .super-header .picto {
        float: none;
        color: #fff;
        text-align: center;
    }
    .logo-sarlat-moto-service{max-width: 220px;}
    .logo-sarlat-moto-service a img{width: 100%;}
    .logos-header a{width: 45px; height: 45px;}
    .logos-header a img {max-width: 35px;}
    .logos-header a.logo-facebook img{max-width: 26px;}
    footer p,
    footer .reseaux {text-align: center;}
    .slider .owl-carousel .owl-nav {top: 37%;}
    .slider .owl-carousel .owl-nav .owl-prev{margin-left: 20px;}
    .slider .owl-carousel .owl-nav .owl-next{margin-right: 20px;}
    footer .container-md{flex-wrap: wrap; justify-content: center; align-items: center;}
    footer .logo-footer{margin: 0 auto 20px;}
    .contenu-vehicules.selection-offres{padding: 60px 20px;}
    .contenu-vehicules .annonces-title{flex-direction: column;}
    .card-deck .card{max-height: 400px;}
    .slider .owl-stage .owl-item .item .txt-slideshow p{margin: 10px 0 8px;}
    .slider .owl-stage .owl-item .item img{object-fit: cover; height: 100%;}
}

@media screen and (max-width: 580px) {
    .header-SMS .container{flex-direction: column; gap: 20px; padding: 5px 0 10px;}
    .header-SMS .logos-header{flex-wrap: wrap; width: 100%;}
    .header-SMS .logos-header a{width: 14%; height: 58px; min-width: 50px;}
    .header-SMS .logos-header a.logo-yamaha img{max-height: 70%;}
    .header-SMS .logos-header a img{max-width: 80%; max-height: 80%;}
    .logos-header a.logo-facebook{display:none;}
    .card-deck{margin-right: 0; margin-left: 0;}
    .card-deck .card{max-width: 100%;}
    .card-container{margin: 80px auto;}
    body .slider .owl-stage .owl-item .txt-slideshow__right{right: 50%; transform: translate(50%, -50%); width: 90%;}
    body .slider .owl-stage .owl-item .txt-slideshow__left{left: 50%; transform: translate(-50%, -50%); width: 90%;}
}

@media screen and (max-width: 505px) {
    .header-SMS{flex-direction: column; gap: 20px; padding: 20px 25px;}
    .logo-card{width: 106px; height: 90px;}
    .logo-card img{max-height: 60px;}
    .slider .owl-theme .owl-dots{width: 100%;}
    body .slider .owl-carousel .owl-nav {display:none;}
    .card-container .card-container__presentation{padding: 20px 20px 34px;}
    .section-presentation .card-deck .card{max-height: 350px;}
}


@media screen and (max-width: 380px) {
    body .header-SMS .logos-header a{min-width: 60px;}
}