@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;700&display=swap');

body{
    font-family: Ubuntu, 'Arial', sans-serif;
}

a:hover {
    text-decoration: none;
}
.labelFiche{
    position: absolute;
    top: 0;
    left: 25px;
    z-index: 1;
    padding: 8px;
   
}
.labelList{
    text-align: left;
    right: 25px;
    /* box-shadow: 3px 3px 3px #000; */
    /* right: 25px; */
    position: absolute;
    top: 0px;
    padding: 3px 10px 3px;
}

.new{
    position: absolute;
}

.oldPrice{
    /* text-decoration: line-through;
    position: absolute;
    top: -22px;
    left: 18px; */
    position: absolute;
    top: 2px;
    font-size: 14px;
    text-decoration: line-through;
}
.old-price-fiche{
  font-weight: bold;
  margin-bottom: -5px;
  text-decoration: line-through;
}
.price, .cost h1, .brand, .b, .brandFiche{
    font-weight: bold;
}
.cost p{
    margin-top: -10px;

}
.tooltip-inner{
    -webkit-box-shadow: -1px 0px 10px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: -1px 0px 10px -5px rgba(0,0,0,0.2);
    box-shadow: -1px 0px 10px -5px rgba(0,0,0,0.2);
}



.priceBlock{
    /* background: #040404;
    color: #FFF; */
    padding: 15px 10px 10px 10px ;
    margin: 0px;
}
.card div.row div h5{
    font-weight: bold;
}
.card div.row div h6{
    font-weight: lighter;
}

/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
  .owl-thumb-item{
    max-width: 80px;
  }
 }

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) { 
  .owl-thumb-item{
    max-width: 100px;
  }
 }

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
  .owl-thumb-item{
    max-width: 100px;
  }
 }

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) { 
  .owl-thumb-item{
    max-width: 120px;
  }
 
 }

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
  .owl-thumb-item{
    max-width: 120px;
  }
    .heightImg {
        height: 190px;
    }
 }

 .addthis_toolbox a span{
    line-height: 30px!important;
    height: 35px!important;
    text-align: center;
    width: 35px!important;
    border-radius: 7px;}
 .addthis_toolbox a span svg{
    width: 30px!important;
    height: 30px!important;}
 #myCarousel .list-inline {
    white-space:nowrap;
    overflow-x:auto;
}

#myCarousel .carousel-indicators {
    position: static;
    left: initial;
    width: initial;
    margin-left: initial;
}

#myCarousel .carousel-indicators > li {
    width: initial;
    height: initial;
    text-indent: initial;
}

#myCarousel .carousel-indicators > li.active img {
    opacity: 0.7;
}

.card , .tooltip-inner{
    border:1px solid #e5e5e5!important;
}


.list-inline-item, .list-inline-item:not(:last-child){
    margin: 3px!important;
}
/*slider*/
.owl-dots{
  display: none;
}
.owl-carousel {
  z-index: 0;
}

/*./slider*/
.titleTech{
    margin: 0;
    font-size: 14px;
}
.currentPage{
  font-weight: bold;
}
.addthis_counter.addthis_bubble_style {
    margin: 8px 0 0 2px!important;}


  @media (min-width: 1200px){
     .container-xl {
    max-width: 1350px;
  }
}
  @media (min-width: 1500px){
     .container-xl {
    max-width: 1440px;
  }
}
/*PANEL TEST*/
ul#tabs-list {
    list-style: none;
    text-align: center;
    border-bottom: 1px solid #dfdfdf;
    margin: 0;
    padding: 0;
  }
  
  label.panel-label {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    display: block;
    width: 100%;
    color: #7b7b7b;
    cursor: pointer;
    background-color: #ecf0f1;
    -webkit-transition-property: background-color, color;
    transition-property: background-color, color;
    -webkit-transition-duration: 200ms;
            transition-duration: 200ms;
  }

  
  #panels {
    background-color: rgba(255, 255, 255, 0.5);
  }
  #panels .container {
    margin: 0 auto;
    width: 90%;
  }
  #panels section header label.panel-label {
    padding: 12px 24px;
    box-sizing: border-box;
  }
  #panels section main {
    box-sizing: border-box;
    max-height: 0;
    opacity: 0;
    -webkit-transition: opacity 600ms;
    transition: opacity 600ms;
    overflow-y: hidden;
  }
  
  #panel-1-ctrl:checked ~ #panels #panel-1 main {
    max-height: initial;
    opacity: 1;
    padding: 48px 24px;
  }
  
  #panel-2-ctrl:checked ~ #panels #panel-2 main {
    max-height: initial;
    opacity: 1;
    padding: 48px 24px;
  }
  
  #panel-3-ctrl:checked ~ #panels #panel-3 main {
    max-height: initial;
    opacity: 1;
    padding: 48px 24px;
  }
  
  #panel-4-ctrl:checked ~ #panels #panel-4 main {
    max-height: initial;
    opacity: 1;
    padding: 48px 24px;
  }
  
  #panel-5-ctrl:checked ~ #panels #panel-5 main {
    max-height: initial;
    opacity: 1;
    padding: 48px 24px;
  }
  
  @media all and (max-width: 767px) {

    #nav-ctrl:checked ~ #tabs-list #li-for-panel-1 {
      max-height: 46px;
      opacity: 1;
    }
  
    #nav-ctrl:checked ~ #tabs-list #li-for-panel-2 {
      max-height: 46px;
      opacity: 1;
    }
  
    #nav-ctrl:checked ~ #tabs-list #li-for-panel-3 {
      max-height: 46px;
      opacity: 1;
    }
  
    #nav-ctrl:checked ~ #tabs-list #li-for-panel-4 {
      max-height: 46px;
      opacity: 1;
    }
  
    #nav-ctrl:checked ~ #tabs-list #li-for-panel-5 {
      max-height: 46px;
      opacity: 1;
      
    }
  
    #open-nav-label {
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      cursor: pointer;
    }
  
    #nav-ctrl:checked ~ #tabs-list #open-nav-label {
      display: none;
    }
  
    #close-nav-label {
      display: block;
      max-height: 0;
      overflow-y: hidden;
      background-color: #444444;
      color: #ecf0f1;
      padding: 0px;
      -webkit-transition: max-height 200ms;
      transition: max-height 200ms;
      cursor: pointer;
      text-transform: uppercase;
      font-size: 12px;
      line-height: 22px;
      letter-spacing: 1px;
    }
  
    #nav-ctrl:checked ~ #tabs-list #close-nav-label {
      max-height: 36px;
      opacity: 1;
      padding: 12px 24px;
    }
  
    #tabs-list {
      position: relative;
     
    }
    #tabs-list label.panel-label {
      padding: 12px 0;
    }
    #tabs-list #li-for-panel-1 {
      max-height: 0;
      overflow-y: hidden;
      -webkit-transition: max-height 200ms;
      transition: max-height 200ms;
    }
    #tabs-list #li-for-panel-2 {
      max-height: 0;
      overflow-y: hidden;
      -webkit-transition: max-height 200ms;
      transition: max-height 200ms;
    }
    #tabs-list #li-for-panel-3 {
      max-height: 0;
      overflow-y: hidden;
      -webkit-transition: max-height 200ms;
      transition: max-height 200ms;
    }
    #tabs-list #li-for-panel-4 {
      max-height: 0;
      overflow-y: hidden;
      -webkit-transition: max-height 200ms;
      transition: max-height 200ms;
    }
    #tabs-list #li-for-panel-5 {
      max-height: 0;
      overflow-y: hidden;
      -webkit-transition: max-height 200ms;
      transition: max-height 200ms;
    }
  
    #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 {
      max-height: 46px;
      opacity: 1;
    }

    #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 {
      max-height: 46px;
      opacity: 1;
    }
    #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label {
      background-color: white;
      color: #c0392b;
      background-color: #c0392b;
      color: white;
    }
  
    #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 {
      max-height: 46px;
      opacity: 1;
    }
    #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label {
      background-color: white;
      color: #c0392b;
      background-color: #c0392b;
      color: white;
    }
  
    #panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 {
      max-height: 46px;
      opacity: 1;
    }
    #panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label {
      background-color: white;
      color: #c0392b;
      background-color: #c0392b;
      color: white;
    }
  
    #panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 {
      max-height: 46px;
      opacity: 1;
    }
    #panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 label.panel-label {
      background-color: white;
      color: #c0392b;
      background-color: #c0392b;
      color: white;
    }
  
    #panels .container {
      width: 100%;
    }
    #panels section header {
      display: block;
    }
    .icon-circle{
      display: block!important;
      /* text-align: center; */
      margin: 15px auto !important;
    }
    .infosConcession,.versionFiche, .brandFiche,.brandModelFiche{
      text-align: center;
    }
    .emailConcession{font-size: 16px;}
    .hideXs{
      display: none;
    }
    .cost{
      text-align: center;
      margin-top: 20px;
    }
  }
  @media all and (min-width: 768px) {
  
    #thumbs ul li a img{
        width: 106px;
    }
   #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 {
      pointer-events: none;
      cursor: default;
      -webkit-transform: translate3d(0, 1px, 0);
              transform: translate3d(0, 1px, 0);
      box-shadow: none;
      border-right: none;
    }
    #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1.last {
      border-right: 1px solid transparent;
    }
    #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 + li {
      border-left: 1px solid #dfdfdf;
    }
    #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label {
      background-color: white;
      padding-top: 26px;
    }
    #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1 label.panel-label::after {
      height: 6px;
    }
  
    #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 {
      pointer-events: none;
      cursor: default;
      -webkit-transform: translate3d(0, 1px, 0);
              transform: translate3d(0, 1px, 0);
      box-shadow: none;
      border-right: none;
    }
    #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2.last {
      border-right: 1px solid transparent;
    }
    #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 + li {
      border-left: 1px solid #dfdfdf;
    }
    #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label {
      background-color: white;
      padding-top: 26px;
    }
    #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 label.panel-label::after {
      height: 6px;
    }
  
    #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 {
      pointer-events: none;
      cursor: default;
      -webkit-transform: translate3d(0, 1px, 0);
              transform: translate3d(0, 1px, 0);
      box-shadow: none;
      border-right: none;
    }
    #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3.last {
      border-right: 1px solid transparent;
    }
    #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 + li {
      border-left: 1px solid #dfdfdf;
    }
    #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label {
      background-color: white;
      padding-top: 26px;
    }
    #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3 label.panel-label::after {
      height: 6px;
    }
  
    #panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 {
      pointer-events: none;
      cursor: default;
      -webkit-transform: translate3d(0, 1px, 0);
              transform: translate3d(0, 1px, 0);
      box-shadow: none;
      border-right: none;
    }
    #panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4.last {
      border-right: 1px solid transparent;
    }
    #panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 + li {
      border-left: 1px solid #dfdfdf;
    }
    #panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label {
      background-color: white;
      padding-top: 26px;
    }
    #panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4 label.panel-label::after {
      height: 6px;
    }
  
    #panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 {
      pointer-events: none;
      cursor: default;
      -webkit-transform: translate3d(0, 1px, 0);
              transform: translate3d(0, 1px, 0);
      box-shadow: none;
      border-right: 1px solid #dfdfdf!important;
    }
    #panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5.last {
      border-right: 1px solid transparent;
    }
    #panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 + li {
      border-left: 1px solid #dfdfdf;
    }
    #panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 label.panel-label {
      background-color: white;
      padding-top: 26px;
    }
    #panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5 label.panel-label::after {
      height: 6px;
    }
  
    ul#tabs-list {
      text-align: left;
      border-bottom: 1px solid #dfdfdf;
      border-left: 1px solid #dfdfdf!important;
    }
    ul#tabs-list li {
      display: inline-block;
      text-align: center;
      font-size: 0.875em;
      width:20%;
      box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.05);
      border-right: 1px solid #dfdfdf;
      position: relative;
    }
    ul#tabs-list li:hover {
      -webkit-transition: none;
      transition: none;
      border-right: none;
    }
    ul#tabs-list li:hover.last {
      border-right: 1px solid transparent;
    }
    ul#tabs-list li:hover + li {
      border-left: 1px solid #dfdfdf;
    }
    ul#tabs-list li label.panel-label {
      position: relative;
      padding: 30px 0;
    }
    ul#tabs-list li label.panel-label::after {
      content: "";
      position: absolute;
      width: 100%;
      left: 0;
      bottom: 100%;
      height: 0;
      -webkit-transition-property: height;
      transition-property: height;
      -webkit-transition-duration: 200ms;
              transition-duration: 200ms;
    }
    ul#tabs-list li label.panel-label:hover {
      padding-top: 25px;
    }
    ul#tabs-list li label.panel-label:hover::after {
      height: 6px;
    }
  
    #open-nav-label,
    #close-nav-label {
      display: none;
    }
  
    #nav-ctrl {
      display: none;
    }
  }
  @media all and (min-width: 900px) {
    main {
     
      margin: 0 auto;
    }
  }
  #thumbs ul li a img{
    width: 95px;
}
  .panel-radios {
    position: fixed;
    left: 50%;
    top: 10px;
    width: 20px;
    opacity: 0.5;
    z-index: 99;
  }
  .panel-radios:nth-child(1) {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
  }
  .panel-radios:nth-child(2) {
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
  }
  .panel-radios:nth-child(3) {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  .panel-radios:nth-child(4) {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  .panel-radios:nth-child(5) {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  .panel-radios:nth-child(6) {
    top: 30px;
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
    display: block;
  }
  

  
  label.demo-label {
    color: white;
    padding: 4px 8px;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }

  
  #demo-child-toggle {
    display: none;
  }
  #demo-child-toggle:checked ~ #demo-parent #demo-child {
    font-weight: bold;
    text-transform: uppercase;
  }
  
  #demo-parent {
    margin-top: 8px;
  }
  
label{
    margin-bottom: 0rem;
}
#panels{
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    border-radius: 0px 0px 7px 7px;
}

/* .btn-form-contact{
    position: absolute;
    left: -158px;
    top: 40%;
    transform: rotate(-90deg);
    padding: 15px;
    background: #033152;
    color: #FFF;
    font-weight: bold;
    border-radius: 7px 7px 0px 0px;
}
.form-contact{
    z-index: 999;
    position: fixed;
    right: -320px;
    height: 100%;
    top: 0%;
    width: 275px;
}

.content-form-contact{
    background: #eeeeee;
    padding: 30px;
    height: 100%;
    margin-left: -45px;
    border-radius: 7px 7px 0px 0px;
} */

.show-form{
    right: 0px;
}

.icon-circle{
  padding: 8px;
  border-radius: 90px;
  height: 40px;
  line-height: 1;
  width: 40px;
  margin-right: 10px;
  display: inline-block;
  text-align: center;
}
.btn svg{
  color:#FFF!important;
  margin-right: 5px;
}
/*ribbon*/

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  transform: scale(0.7);
  overflow: hidden;
  z-index: 999;
  position: absolute;
}
.ribbon::before, 
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff!important;
  font: 700 18px/1 'Ubuntu', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.ribbon-top-left {
  top: -29px;
  left: -14px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  font-size: 28px;
  letter-spacing: 2px;
  margin: 0;
  padding: 10px;
  font-weight: bold;
  top: 30px;
  transform: rotate(-45deg);
}

.bg-slider{
z-index: -1;
}
 
.owl-thumb-item.active{
  opacity: 1;
}
.owl-thumb-item{
  background: transparent;
  border: 0;
  padding: 0px;
  margin: 5px;
  opacity: 0.7;
  width: 100%;

}
.owl-thumb-item-img{
  width: 100%;
}
.w-20{
  width: 20%;
}

.mt-nslider{
  margin-top: -6rem!important;
}
.mt-nslider div span span, .mt-nslider div h1, .brandModelFiche2 {
  color:#FFF!important;
}

.brandModelFiche2{
font-size: 46px;
font-weight: bold;

}
.versionFiche2{
  font-size: 22px;
  color: #eee;
}

.owl-nav .owl-prev{
  left: -5px!important;

}
.owl-nav .owl-next{
  right: -5px;
}
@media (min-width: 900px) {
  .fontGarantie {
    font-size: 2rem;
  }
  .owl-nav .owl-next, .owl-nav .owl-prev{
    
    top: 40%;
  }

  .owl-nav .owl-prev{
    left: -5px!important;

  }
  .owl-nav .owl-next{
    right: -5px;
  }
  .owl-nav .owl-next, .owl-nav .owl-prev{
    
    border-radius: 0px!important;
    font-size: 20px!important;
    padding: 15px 10px !important;
    position: absolute;

  }
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
    color: #FFF!important;
      padding: 15px;
      font-size: 25px;
  }
  .owl-nav .owl-next, .owl-nav .owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev {
    padding: 15px 10px !important;
    
  }
  .at-style-responsive .at-share-btn {
    padding: 3px!important;
}

.list-group-item{
  background-color: rgba(255, 0, 0, 0);
}

.infosTech-2-value{
  font-size: 18px;
  vertical-align: top;
}
.infosTech-2-label{
  vertical-align: bottom;
  font-size: 14px;
}
.infosTech-2-label,.infosTech-2-value{
  padding-left:1.6rem!important;
}
.infosTech-2-icon{
  vertical-align:middle;
  width: 10%;
  font-size: 34px;
}
.infosTech-table {
  margin-bottom: 25px;
}
.infosTech-table tr td{
  padding: 0;
}
.equip span svg{
  font-size: 22px;
}

.img-hover-zoom {
  height: 300px; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}
.img-hover-zoom img {
  transition: transform .5s ease;
}
.img-hover-zoom:hover img {
  transform: scale(1.02);
}

.owl-carousel .owl-item .item .promo-container h2 {
  color: white;
}
.owl-carousel .owl-item .item .promo-container .promo {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: 40%;
}
.owl-carousel .owl-item .item video {
  min-width: 100%;
  min-height: 100%;
}
.owl-carousel .owl-item .item .promo-container {
  position: absolute;
  top: 0;
  background: rgba(255, 255, 255, 0.59);
  bottom: 0;
  left: 0;
  right: 0;
}
.loading{
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: white;
}
/* Spinner Circle Rotation */
.sp-circle {
  border: 4px rgba(0, 0, 0, 0.25) solid;
  border-top: 4px black solid;
  border-radius: 50%;
  -webkit-animation: spCircRot .6s infinite linear;
  animation: spCircRot .6s infinite linear;
}



.sp {
  width: 32px;
  height: 32px;
  margin-top: 250px!important;
  clear: both;
  margin: 20px auto;
}


@-webkit-keyframes spCircRot {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes spCircRot {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.rotate-center{-webkit-animation:rotate-center 1.3s linear infinite both;animation:rotate-center 1.3s linear infinite both}
/* ----------------------------------------------
 * Generated by Animista on 2020-6-23 14:51:53
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

 @-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}