@charset "UTF-8";

/*
  Rocket
*/
/*
$icons :
arrow-bottom "\61",
arrow-bottom-thin "\45",
arrow-left "\62",
arrow-left-thin "\46",
arrow-right "\63",
arrow-right-thin "\47",
arrow-top "\64",
arrow-top-thin "\48",
book "\4d",
building "\4e",
calculette "\42",
calculette-tilted "\53",
camera "\6a",
cross "\65",
direction "\6d",
download "\79",
envelope "\42",
eye "\6e",
facebook "\6c",
file "\4f",
flip-device "\6f",
helmet "\70",
info "\43",
instagram "\77",
key "\50",
linkedin "\76",
magnifier "\7a",
mail "\72",
mail-open "\71",
minus-circled "\75",
paper-plane "\73",
peugeot "\49",
phone "\74",
pin "\41",
pin-border "\4a",
plain-arrow-bottom "\66",
plain-arrow-left "\67",
plain-arrow-right "\68",
plain-arrow-top "\69",
plus "\42",
plus-circled "\78",
scooter "\51",
star "\43",
twitter "\6b",
user "\44",
user-border "\4b",
valid "\52",
youtube "\4c";
*/
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}

@-webkit-keyframes un-fade-in {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }

  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}

@keyframes un-fade-in {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }

  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}

@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

@-webkit-keyframes slide-down {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(-6rem);
    transform: translateY(-6rem);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes slide-down {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(-6rem);
    transform: translateY(-6rem);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes un-slide-down {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(-6rem);
    transform: translateY(-6rem);
  }

  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes un-slide-down {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(-6rem);
    transform: translateY(-6rem);
  }

  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes slide-up {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(6rem);
    transform: translateY(6rem);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes slide-up {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(6rem);
    transform: translateY(6rem);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes un-slide-up {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(6rem);
    transform: translateY(6rem);
  }

  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes un-slide-up {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(6rem);
    transform: translateY(6rem);
  }

  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes slide-right {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateX(-6rem);
    transform: translateX(-6rem);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes slide-right {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateX(-6rem);
    transform: translateX(-6rem);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes un-slide-right {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateX(-6rem);
    transform: translateX(-6rem);
  }

  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes un-slide-right {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateX(-6rem);
    transform: translateX(-6rem);
  }

  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes slide-left {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateX(6rem);
    transform: translateX(6rem);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes slide-left {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateX(6rem);
    transform: translateX(6rem);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes un-slide-left {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateX(6rem);
    transform: translateX(6rem);
  }

  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes un-slide-left {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateX(6rem);
    transform: translateX(6rem);
  }

  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes slide-from-top {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes slide-from-top {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes slide-from-bottom {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes slide-from-bottom {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes slide-from-left {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes slide-from-left {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes slide-from-left-only {
  0% {
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes slide-from-left-only {
  0% {
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes slide-from-right {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes slide-from-right {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes slide-from-right-only {
  0% {
    -webkit-transform: translateX(25%);
    transform: translateX(25%);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes slide-from-right-only {
  0% {
    -webkit-transform: translateX(25%);
    transform: translateX(25%);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes slide-to-top {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }

  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
  }
}

@keyframes slide-to-top {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }

  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
  }
}

@-webkit-keyframes slide-to-bottom {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }

  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@keyframes slide-to-bottom {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }

  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@-webkit-keyframes slide-to-left {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }

  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@keyframes slide-to-left {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }

  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@-webkit-keyframes slide-to-left-only {
  0% {
    -webkit-transform: none;
    transform: none;
  }

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

@keyframes slide-to-left-only {
  0% {
    -webkit-transform: none;
    transform: none;
  }

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

@-webkit-keyframes slide-to-right {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }

  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes slide-to-right {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }

  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes slide-to-right-only {
  100% {
    -webkit-transform: translateX(25%);
    transform: translateX(25%);
  }

  0% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes slide-to-right-only {
  100% {
    -webkit-transform: translateX(25%);
    transform: translateX(25%);
  }

  0% {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes zoom-in {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes zoom-in {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes un-zoom-in {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes un-zoom-in {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes scale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes un-scale {
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  0% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes un-scale {
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  0% {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes zoom-out {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }

  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes zoom-out {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }

  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@-webkit-keyframes un-zoom-out {
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }

  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes un-zoom-out {
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }

  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@-webkit-keyframes unzoom-in {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes unzoom-in {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes un-unzoom-in {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes un-unzoom-in {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes unzoom-out {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }

  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes unzoom-out {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }

  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@-webkit-keyframes un-unzoom-out {
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }

  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes un-unzoom-out {
  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }

  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@-webkit-keyframes rotate-x {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: perspective(400px) rotateX(-180deg);
    transform: perspective(400px) rotateX(-180deg);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes rotate-x {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: perspective(400px) rotateX(-180deg);
    transform: perspective(400px) rotateX(-180deg);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-webkit-keyframes un-rotate-x {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: perspective(400px) rotateX(-180deg);
    transform: perspective(400px) rotateX(-180deg);
  }

  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes un-rotate-x {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: perspective(400px) rotateX(-180deg);
    transform: perspective(400px) rotateX(-180deg);
  }

  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-webkit-keyframes rotate-y {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes rotate-y {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-webkit-keyframes un-rotate-y {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }

  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes un-rotate-y {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }

  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@-webkit-keyframes rotate-in {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0.8) rotateZ(30deg);
    transform: scale(0.8) rotateZ(30deg);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rotate-in {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0.8) rotateZ(30deg);
    transform: scale(0.8) rotateZ(30deg);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes un-rotate-in {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0.8) rotateZ(30deg);
    transform: scale(0.8) rotateZ(30deg);
  }

  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes un-rotate-in {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0.8) rotateZ(30deg);
    transform: scale(0.8) rotateZ(30deg);
  }

  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes pop {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }

  40% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  60% {
    -webkit-transform: scale(0.9, 1.02);
    transform: scale(0.9, 1.02);
  }

  80% {
    -webkit-transform: scale(1.02, 0.98);
    transform: scale(1.02, 0.98);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes pop {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }

  40% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  60% {
    -webkit-transform: scale(0.9, 1.02);
    transform: scale(0.9, 1.02);
  }

  80% {
    -webkit-transform: scale(1.02, 0.98);
    transform: scale(1.02, 0.98);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes un-pop {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }

  80% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  60% {
    -webkit-transform: scale(0.9, 1.02);
    transform: scale(0.9, 1.02);
  }

  40% {
    -webkit-transform: scale(1.02, 0.98);
    transform: scale(1.02, 0.98);
  }

  0% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes un-pop {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }

  80% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  60% {
    -webkit-transform: scale(0.9, 1.02);
    transform: scale(0.9, 1.02);
  }

  40% {
    -webkit-transform: scale(1.02, 0.98);
    transform: scale(1.02, 0.98);
  }

  0% {
    -webkit-transform: none;
    transform: none;
  }
}

._clearfix:after,
.g-row:after,
.container:after,
.title-main:after,
.input--inline:after,
.input__checkbox:after,
.quantity__select:after,
.upload_image:after,
.accessory-intro:after,
.account-block:after,
.account-config__text:after,
.comparator:after,
.comparator__content:after,
.home-categories:after,
.home-categories__cat__title:after,
.popin:after,
.product-configurator .ui-tab:after,
.product-intro:after,
.header__social:after,
.compare:after,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  clear: both;
}

@font-face {
  font-family: "icons";
  src: url("../fonts/icons.eot");
  src: url("../fonts/icons.eot?#iefix") format("embedded-opentype"), url("../fonts/icons.woff") format("woff"), url("../fonts/icons.ttf") format("truetype"), url("../fonts/icons.svg#icons") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

/*
  Extra Light  100
  Light        300
  Regular      500
  Bold         700
  Black        900
 */

@font-face {
  font-family: "Peugeot";
  src: url("../fonts/PeugeotNew/Peugeot_New-ExtraLight.eot");
  src: url("../fonts/PeugeotNew/Peugeot_New-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../fonts/PeugeotNew/Peugeot_New-ExtraLight.woff") format("woff"), url("../fonts/PeugeotNew/Peugeot_New-ExtraLight.ttf") format("truetype"), url("../fonts/PeugeotNew/Peugeot_New-ExtraLight.svg#Peugeot_New-ExtraLight") format("svg");
  font-weight: 100;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: 'icons-new';
  src:  url('../fonts/PeugeotNew/icons-new.ttf?vn31iz') format('truetype'),
        url('../fonts/PeugeotNew/icons-new.woff?vn31iz') format('woff'),
        url('../fonts/PeugeotNew/icons-new.svg?vn31iz#icons-new') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Peugeot";
  src: url("../fonts/PeugeotNew/Peugeot_New-ExtraLight_Italic.eot");
  src: url("../fonts/PeugeotNew/Peugeot_New-ExtraLight_Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/PeugeotNew/Peugeot_New-ExtraLight_Italic.woff") format("woff"), url("../fonts/PeugeotNew/Peugeot_New-ExtraLight_Italic.ttf") format("truetype"), url("../fonts/PeugeotNew/Peugeot_New-ExtraLight_Italic.svg#Peugeot_New-ExtraLight_Italic") format("svg");
  font-weight: 100;
  font-style: italic;
  font-stretch: normal;
}

@font-face {
  font-family: "Peugeot";
  src: url("../fonts/PeugeotNew/Peugeot_New-Light.eot");
  src: url("../fonts/PeugeotNew/Peugeot_New-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/PeugeotNew/Peugeot_New-Light.woff") format("woff"), url("../fonts/PeugeotNew/Peugeot_New-Light.ttf") format("truetype"), url("../fonts/PeugeotNew/Peugeot_New-Light.svg#Peugeot_New-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: "Peugeot";
  src: url("../fonts/PeugeotNew/Peugeot_New-Light_Italic.eot");
  src: url("../fonts/PeugeotNew/Peugeot_New-Light_Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/PeugeotNew/Peugeot_New-Light_Italic.woff") format("woff"), url("../fonts/PeugeotNew/Peugeot_New-Light_Italic.ttf") format("truetype"), url("../fonts/PeugeotNew/Peugeot_New-Light_Italic.svg#Peugeot_New-Light_Italic") format("svg");
  font-weight: 300;
  font-style: italic;
  font-stretch: normal;
}

@font-face {
  font-family: "Peugeot";
  src: url("../fonts/PeugeotNew/Peugeot_New-Regular.eot");
  src: url("../fonts/PeugeotNew/Peugeot_New-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/PeugeotNew/Peugeot_New-Regular.woff") format("woff"), url("../fonts/PeugeotNew/Peugeot_New-Regular.ttf") format("truetype"), url("../fonts/PeugeotNew/Peugeot_New-Regular.svg#PeugeotNew-Regular") format("svg");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: "Peugeot";
  src: url("../fonts/PeugeotNew/Peugeot_New-Italic.eot");
  src: url("../fonts/PeugeotNew/Peugeot_New-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/PeugeotNew/Peugeot_New-Italic.woff") format("woff"), url("../fonts/PeugeotNew/Peugeot_New-Italic.ttf") format("truetype"), url("../fonts/PeugeotNew/Peugeot_New-Italic.svg#PeugeotNew-Italic") format("svg");
  font-weight: 500;
  font-style: italic;
  font-stretch: normal;
}

@font-face {
  font-family: "Peugeot";
  src: url("../fonts/PeugeotNew/Peugeot_New-Bold.eot");
  src: url("../fonts/PeugeotNew/Peugeot_New-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/PeugeotNew/Peugeot_New-Bold.woff") format("woff"), url("../fonts/PeugeotNew/Peugeot_New-Bold.ttf") format("truetype"), url("../fonts/PeugeotNew/Peugeot_New-Bold.svg#PeugeotNew-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: "Peugeot";
  src: url("../fonts/PeugeotNew/Peugeot_New-BoldItalic.eot");
  src: url("../fonts/PeugeotNew/Peugeot_New-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/PeugeotNew/Peugeot_New-BoldItalic.woff") format("woff"), url("../fonts/PeugeotNew/Peugeot_New-BoldItalic.ttf") format("truetype"), url("../fonts/PeugeotNew/Peugeot_New-BoldItalic.svg#PeugeotNew-BoldItalic") format("svg");
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
}

@font-face {
  font-family: "Peugeot";
  src: url("../fonts/PeugeotNew/Peugeot_New-Black.eot");
  src: url("../fonts/PeugeotNew/Peugeot_New-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/PeugeotNew/Peugeot_New-Black.woff") format("woff"), url("../fonts/PeugeotNew/Peugeot_New-Black.ttf") format("truetype"), url("../fonts/PeugeotNew/Peugeot_New-Black.svg#PeugeotNew-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
}

@font-face {
  font-family: "Peugeot";
  src: url("../fonts/PeugeotNew/Peugeot_New-BlackItalic.eot");
  src: url("../fonts/PeugeotNew/Peugeot_New-Blacktalic.eot?#iefix") format("embedded-opentype"), url("../fonts/PeugeotNew/Peugeot_New-BlackItalic.woff") format("woff"), url("../fonts/PeugeotNew/Peugeot_New-BlackItalic.ttf") format("truetype"), url("../fonts/PeugeotNew/Peugeot_New-BlackItalic.svg#PeugeotNew-BlackItalic") format("svg");
  font-weight: 900;
  font-style: italic;
  font-stretch: normal;
}

@font-face{
  font-family:"PeugeotUpdated";
  src:url("../fonts/peugeot_normal_v2-webfont.eot");
  src:url("../fonts/peugeot_normal_v2-webfont.eot?#iefix") format("embedded-opentype"),
  url("../fonts/peugeot_normal_v2-webfont.woff2") format("woff2"),
  url("../fonts/peugeot_normal_v2-webfont.woff") format("woff"),
  url("../fonts/peugeot_normal_v2-webfont.ttf") format("truetype"),
  url("../fonts/peugeot_normal_v2-webfont.svg#peugeotregular") format("svg");
  font-weight:400;
  font-style:normal;
}

.peugeoticonnew:not(.helmet) {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icons-new' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-new-car:before {
  content: "\e90c";
}

.icon-new-test_drive:before,
.icon-new-steering-wheel:before {
  content: "\e90d";
}

.icon-new-bag:before {
  content: "\e900";
}

.icon-new-help:before {
  content: "\e901";
}

.icon-new-resselers:before,
.icon-new-pin:before {
  content: "\e902";
}

.icon-new-send:before {
  content: "\e903";
}

.icon-new-shirt:before {
  content: "\e904";
}

.icon-new-account:before,
.icon-new-user:before {
  content: "\e905";
}

.icon-new-social-facebook:before {
  content: "\e906";
}

.icon-new-social-instagram:before {
  content: "\e907";
}

.icon-new-social-linkedin:before {
  content: "\e908";
}

.icon-new-social-messenger:before {
  content: "\e909";
}

.icon-new-social-twitter:before {
  content: "\e90a";
}

.icon-new-social-youtube:before {
  content: "\e90b";
}

._font-icons {
  font-family: icons, sans-serif;
}

._font-peugeot,
body,
input,
textarea,
select {
  font-family: Peugeot, sans-serif;
}

.icon:before,
.button--location:before,
.button--route:before,
.button--send:before,
.button--save:before,
.button--try:before,
.button--preview:before,
.button--photo:before,
.button--calculette:before,
.button--info:before,
._toggle:before,
.focus_variant__title:before,
.focus__title:before,
.product-insurance__toggle:before,
.product-quote__toggle:before,
.back:before,
.input__tag.error+span:before,
.input__tag.valid+span:before,
.input__select:before,
.input__rate a:before,
.quantity__arrows a:first-of-type:before,
.quantity__arrows a:last-of-type:before,
.share__link--facebook:before,
.share__link--twitter:before,
.share__link--mail:before,
.tabs__link--return:before,
.tabs__link--try:before,
.account-config__delete:before,
.account-configs .ui-slider__arrow--left:before,
.comparator__toggle:before,
.contact-others__media--mail:before,
.contact-others__media--phone:before,
.distributor .close:before,
.distributor__distance:before,
input:checked~.distributor__distance:before,
.faq .question__title:before,
.ui-toggles .focus--video .focus__main .focus__title:before,
.focus__close:before,
.ui-popin__close:before,
.popin-review__user:before,
.popin-review__rating a:before,
.product_summary__remove:before,
.product-configurator__select:before,
.product-intro__slider .ui-slider__arrow--left:before,
.product-intro__slider .ui-slider__arrow--right:before,
.range-filters a:before,
.slider_product__slider .ui-slider__arrow--left:before,
.success_story-focus__slider .swiper-button-prev:before,
.success_story-focus__slider .swiper-button-next:before,
.success_story-timeline__filter_mobile:before,
.success_story-timeline__slider .slide__info__close:before,
.success_story-timeline__slider .swiper-button-prev:before,
.success_story-timeline__slider .swiper-button-next:before,
.footer__contact_link:before,
html[lang="it"] .footer__contact_link:before,
html[lang="de"] .footer__contact_link:before,
.header__link--range:before,
.header__link--scooter:before,
.header__link--advice:before,
.header__link--pro:before,
.header__link--who_we_are:before,
.header__link--story:before,
.header__link--test_drive:before,
html[lang="it"] .header__link--test_drive:before,
.header__link--resselers:before,
.header__link--locations:before,
.header__link--account:before,
.header__link--values:before,
.header__link--websites:before,
.header__link--press:before,
.header__link--jobs:before,
.header__link--contact:before,
.header__link--electric:before,
.header__account:before,
.header__contact:before,
.test_ride .stepback:before,
.icon-after:after,
.button--link:after,
.distributor__services_link:after,
.distributor__minisite_link:after,
.button--dropdown:after,
.button--add:after,
.button--remove:after,
.button--review:after,
.reviews__box:after,
.account-configs .ui-slider__arrow--right:after,
.distributor__details:after,
.focus_variant__toggle:after,
.focus__toggle:after,
.slider_product__slider .ui-slider__arrow--right:after,
.success_story-focus__main__toggle:after,
.test_ride .ctageoloc:after,
.peugeoticonnew.icon-new-test_drive.helmet,
.peugeoticonnew.icon-new-steering-wheel.helmet {
  font-family: icons, sans-serif;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-after--arrow-bottom:after,
.button--dropdown:after,
.focus_variant__toggle:after,
.focus__toggle:after,
.success_story-focus__main__toggle:after,
.icon--arrow-bottom:before,
._toggle:before,
.focus_variant__title:before,
.focus__title:before,
.product-insurance__toggle:before,
.product-quote__toggle:before,
.input__select:before,
.faq .question__title:before,
.ui-toggles .focus--video .focus__main .focus__title:before,
.product-configurator__select:before,
.range-filters a:before,
.success_story-timeline__filter_mobile:before {
  content: "b";
}

.icon-after--arrow-bottom-thin:after,
.icon--arrow-bottom-thin:before {
  content: "a";
}

.icon-after--arrow-left:after,
.icon--arrow-left:before,
.back:before,
.tabs__link--return:before,
.comparator__toggle:before,
.success_story-focus__slider .swiper-button-prev:before,
.success_story-timeline__slider .swiper-button-prev:before,
.test_ride .stepback:before {
  content: "c";
}

.icon-after--arrow-left-thin:after,
.icon--arrow-left-thin:before,
.account-configs .ui-slider__arrow--left:before,
.product-intro__slider .ui-slider__arrow--left:before,
.slider_product__slider .ui-slider__arrow--left:before {
  content: "d";
}

.icon-after--arrow-right:after,
.button--link:after,
.distributor__services_link:after,
.distributor__minisite_link:after,
.button--review:after,
.distributor__details:after,
.icon--arrow-right:before,
.success_story-focus__slider .swiper-button-next:before,
.success_story-timeline__slider .swiper-button-next:before {
  content: "e";
}

.icon-after--arrow-right-thin:after,
.account-configs .ui-slider__arrow--right:after,
.slider_product__slider .ui-slider__arrow--right:after,
.icon--arrow-right-thin:before,
.product-intro__slider .ui-slider__arrow--right:before {
  content: "f";
}

.icon-after--arrow-top:after,
.reviews__box:after,
.icon--arrow-top:before {
  content: "g";
}

.icon-after--arrow-top-thin:after,
.icon--arrow-top-thin:before {
  content: "h";
}

.icon-after--book:after,
.icon--book:before,
.header__link--story:before {
  content: "i";
}

.icon-after--building:after,
.icon--building:before,
.header__link--pro:before {
  content: "j";
}

.icon-after--calculette-tilted:after,
.icon--calculette-tilted:before,
.button--calculette:before {
  content: "k";
}

.icon-after--camera:after,
.icon--camera:before,
.button--photo:before {
  content: "l";
}

.icon-after--contact:after,
.icon--contact:before,
.header__link--contact:before,
.header__contact:before {
  content: "m";
}

.icon-after--cross:after,
.icon--cross:before,
.input__tag.error+span:before,
.account-config__delete:before,
.distributor .close:before,
.focus__close:before,
.ui-popin__close:before,
.product_summary__remove:before,
.success_story-timeline__slider .slide__info__close:before {
  content: "D";
}

.icon-after--direction:after,
.icon--direction:before,
.button--route:before {
  content: "E";
}

.icon-after--download:after,
.icon--download:before,
.button--save:before {
  content: "F";
}

.icon-after--electric:after,
.icon--electric:before,
.header__link--electric:before {
  content: "@";
}

.icon-after--envelope:after,
.icon--envelope:before,
html[lang="it"] .header__link--test_drive:before {
  content: "G";
}

.icon-after--eye:after,
.icon--eye:before,
.button--preview:before,
.header__link--who_we_are:before {
  content: "H";
}

.icon-after--facebook:after,
.icon--facebook:before,
.share__link--facebook:before,
.header__network--facebook:before {
  content: "I";
}

.icon-after--file:after,
.icon--file:before,
.header__link--advice:before {
  content: "J";
}

.icon-after--flip-device:after,
.icon--flip-device:before {
  content: "K";
}

.icon-after--helmet:after,
.icon--helmet:before,
.button--try:before,
.tabs__link--try:before,
.header__link--test_drive:before,
.icon-new-test_drive.helmet:before,
.icon-new-steering-wheel.helmet:before {
  content: "L";
}

.icon-after--info:after,
.icon--info:before,
.button--info:before {
  content: "M";
}

.icon-after--instagram:after,
.icon--instagram:before,
.header__network--instagram:before {
  content: "N";
}

.icon-after--jobs:after,
.icon--jobs:before,
.header__link--jobs:before {
  content: "O";
}

.icon-after--key:after,
.icon--key:before,
.header__link--scooter:before {
  content: "n";
}

.icon-after--linkedin:after,
.icon--linkedin:before {
  content: "C";
}

.icon-after--magnifier:after,
.icon--magnifier:before {
  content: "Z";
}

.icon-after--mail:after,
.icon--mail:before,
.share__link--mail:before,
.contact-others__media--mail:before {
  content: "Y";
}

.icon-after--mail-open:after,
.icon--mail-open:before {
  content: "X";
}

.icon-after--minus-circled:after,
.button--remove:after,
.icon--minus-circled:before {
  content: "W";
}

.icon-after--paper-plane:after,
.icon--paper-plane:before,
.button--send:before {
  content: "V";
}

.icon-after--peugeot:after,
.icon--peugeot:before {
  content: "U";
}

.icon-after--phone:after,
.icon--phone:before,
.contact-others__media--phone:before,
.footer__contact_link:before {
  content: "T";
}

.icon-after--pin:after,
.icon--pin:before,
.button--location:before,
.distributor__distance:before {
  content: "S";
}

.icon-after--pin-border:after,
.test_ride .ctageoloc:after,
.icon--pin-border:before,
.header__link--resselers:before,
.header__link--locations:before {
  content: "R";
}

.icon-after--plain-arrow-bottom:after,
.icon--plain-arrow-bottom:before,
.quantity__arrows a:last-of-type:before {
  content: "Q";
}

.icon-after--plain-arrow-left:after,
.icon--plain-arrow-left:before {
  content: "P";
}

.icon-after--plain-arrow-right:after,
.icon--plain-arrow-right:before {
  content: "o";
}

.icon-after--plain-arrow-top:after,
.icon--plain-arrow-top:before,
.quantity__arrows a:first-of-type:before {
  content: "B";
}

.icon-after--plus:after,
.icon--plus:before {
  content: "A";
}

.icon-after--plus-circled:after,
.button--add:after,
.icon--plus-circled:before {
  content: "z";
}

.icon-after--press:after,
.icon--press:before,
.header__link--press:before {
  content: "y";
}

.icon-after--scooter:after,
.icon--scooter:before,
.header__link--range:before {
  content: "x";
}

.icon-after--star:after,
.icon--star:before,
.input__rate a:before,
.popin-review__rating a:before {
  content: "w";
}

.icon-after--twitter:after,
.icon--twitter:before,
.share__link--twitter:before {
  content: "v";
}

.icon-after--user:after,
.icon--user:before,
.popin-review__user:before {
  content: "u";
}

.icon-after--user-border:after,
.icon--user-border:before,
.header__link--account:before,
.header__account:before {
  content: "t";
}

.icon-after--valid:after,
.icon--valid:before,
.input__tag.valid+span:before,
input:checked~.distributor__distance:before {
  content: "s";
}

.icon-after--values:after,
.icon--values:before,
.header__link--values:before {
  content: "r";
}

.icon-after--websites:after,
.icon--websites:before,
.header__link--websites:before {
  content: "q";
}

.icon-after--youtube:after,
.icon--youtube:before,
.header__network--youtube:before {
  content: "p";
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: inherit;
}

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

template {
  display: none;
}

a:active,
input:active,
button:active {
  -webkit-tap-highlight-color: transparent;
}

a:focus,
input:focus,
button:focus {
  outline: none;
}

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

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}

input,
textarea {
  outline: none;
}

textarea {
  resize: none;
}

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

[block],
[element],
[mod],
[data-if],
[data-if-not] {
  display: none !important;
}

.hidden {
  visibility: hidden;
  position: absolute;
  left: -1px;
  top: -1px;
  width: 0;
  height: 0;
  opacity: 0.01;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}

html.ie7 body {
  background: url("../medias/misc/not-supported.jpg") no-repeat center #f4f4f4 !important;
}

html.ie7 body>* {
  display: none !important;
  visibility: hidden !important;
}

html.ie8 body {
  background: url("../medias/misc/not-supported.jpg") no-repeat center #f4f4f4 !important;
}

html.ie8 body>* {
  display: none !important;
  visibility: hidden !important;
}

html.safari4 body {
  background: url("../medias/misc/not-supported.jpg") no-repeat center #f4f4f4 !important;
}

html.safari4 body>* {
  display: none !important;
  visibility: hidden !important;
}

.relative {
  position: relative;
}

[data-transition-delay="0"] {
  transition-delay: 0s;
}

[data-transition-delay="1"] {
  transition-delay: 0.03333s;
}

[data-transition-delay="2"] {
  transition-delay: 0.06667s;
}

[data-transition-delay="3"] {
  transition-delay: 0.1s;
}

[data-transition-delay="4"] {
  transition-delay: 0.13333s;
}

[data-transition-delay="5"] {
  transition-delay: 0.16667s;
}

[data-transition-delay="6"] {
  transition-delay: 0.2s;
}

[data-transition-delay="7"] {
  transition-delay: 0.23333s;
}

[data-transition-delay="8"] {
  transition-delay: 0.26667s;
}

[data-transition-delay="9"] {
  transition-delay: 0.3s;
}

[data-transition-delay="10"] {
  transition-delay: 0.33333s;
}

[data-transition-delay="11"] {
  transition-delay: 0.36667s;
}

[data-transition-delay="12"] {
  transition-delay: 0.4s;
}

[data-transition-delay="13"] {
  transition-delay: 0.43333s;
}

[data-transition-delay="14"] {
  transition-delay: 0.46667s;
}

[data-transition-delay="15"] {
  transition-delay: 0.5s;
}

[data-transition-delay="16"] {
  transition-delay: 0.53333s;
}

[data-transition-delay="17"] {
  transition-delay: 0.56667s;
}

[data-transition-delay="18"] {
  transition-delay: 0.6s;
}

[data-transition-delay="19"] {
  transition-delay: 0.63333s;
}

[data-transition-delay="20"] {
  transition-delay: 0.66667s;
}

[data-transition-delay="21"] {
  transition-delay: 0.7s;
}

[data-transition-delay="22"] {
  transition-delay: 0.73333s;
}

[data-transition-delay="23"] {
  transition-delay: 0.76667s;
}

[data-transition-delay="24"] {
  transition-delay: 0.8s;
}

[data-transition-delay="25"] {
  transition-delay: 0.83333s;
}

[data-transition-delay="26"] {
  transition-delay: 0.86667s;
}

[data-transition-delay="27"] {
  transition-delay: 0.9s;
}

[data-transition-delay="28"] {
  transition-delay: 0.93333s;
}

[data-transition-delay="29"] {
  transition-delay: 0.96667s;
}

[data-transition-delay="30"] {
  transition-delay: 1s;
}

[data-transition-delay="31"] {
  transition-delay: 1.03333s;
}

[data-transition-delay="32"] {
  transition-delay: 1.06667s;
}

[data-transition-delay="33"] {
  transition-delay: 1.1s;
}

[data-transition-delay="34"] {
  transition-delay: 1.13333s;
}

[data-transition-delay="35"] {
  transition-delay: 1.16667s;
}

.align-center,
.align-c {
  text-align: center;
}

.align-left,
.align-l {
  text-align: left;
}

.align-right,
.align-r {
  text-align: right;
}

.align-justify,
.align-j {
  text-align: justify;
}

.ui-fit {
  overflow: hidden;
  position: relative;
}

.mod--object-fit .ui-fit__cover,
.mod--object-fit .ui-fit__contain {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.mod--object-fit .ui-fit__cover {
  object-fit: cover;
}

.mod--object-fit .ui-fit__contain {
  object-fit: contain;
}

.mod--no-object-fit .ui-fit__cover,
.mod--no-object-fit .ui-fit__contain {
  position: relative;
  visibility: hidden;
}

.mod--no-object-fit .ui-fit__cover[style],
.mod--no-object-fit .ui-fit__contain[style] {
  visibility: visible;
}

.grid {
  display: block;
}

.grid+.grid {
  margin-top: 40px;
  margin-top: 4rem;
}

.g-row {
  display: block;
  position: relative;
  padding: 0;
}

.g-row+.g-row {
  margin-top: 0;
}

.g-row--top {
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.g-row--center {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.g-row--bottom {
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.g-row--flex,
.grid--flex .g-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.g-row--flex .g-col,
.grid--flex .g-row .g-col {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  float: none;
}

.g-row--flex .g-col--1_2,
.grid--flex .g-row .g-col--1_2 {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.g-row--flex .g-col--1_3,
.grid--flex .g-row .g-col--1_3 {
  -webkit-flex-basis: 33.33333%;
  -ms-flex-preferred-size: 33.33333%;
  flex-basis: 33.33333%;
}

.g-row--flex .g-col--1_4,
.grid--flex .g-row .g-col--1_4 {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

.g-row--flex .g-col--1_5,
.grid--flex .g-row .g-col--1_5 {
  -webkit-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
}

.g-row--flex .g-col--1_6,
.grid--flex .g-row .g-col--1_6 {
  -webkit-flex-basis: 16.66667%;
  -ms-flex-preferred-size: 16.66667%;
  flex-basis: 16.66667%;
}

.g-row--flex .g-col--1_7,
.grid--flex .g-row .g-col--1_7 {
  -webkit-flex-basis: 14.28571%;
  -ms-flex-preferred-size: 14.28571%;
  flex-basis: 14.28571%;
}

.g-row--flex .g-col--1_8,
.grid--flex .g-row .g-col--1_8 {
  -webkit-flex-basis: 12.5%;
  -ms-flex-preferred-size: 12.5%;
  flex-basis: 12.5%;
}

.g-row--flex .g-col--2_3,
.grid--flex .g-row .g-col--2_3 {
  -webkit-flex-basis: 66.66667%;
  -ms-flex-preferred-size: 66.66667%;
  flex-basis: 66.66667%;
}

.g-row--flex .g-col--2_4,
.grid--flex .g-row .g-col--2_4 {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.g-row--flex .g-col--2_5,
.grid--flex .g-row .g-col--2_5 {
  -webkit-flex-basis: 40%;
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
}

.g-row--flex .g-col--2_6,
.grid--flex .g-row .g-col--2_6 {
  -webkit-flex-basis: 33.33333%;
  -ms-flex-preferred-size: 33.33333%;
  flex-basis: 33.33333%;
}

.g-row--flex .g-col--2_7,
.grid--flex .g-row .g-col--2_7 {
  -webkit-flex-basis: 28.57143%;
  -ms-flex-preferred-size: 28.57143%;
  flex-basis: 28.57143%;
}

.g-row--flex .g-col--2_8,
.grid--flex .g-row .g-col--2_8 {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

.g-row--flex .g-col--3_4,
.grid--flex .g-row .g-col--3_4 {
  -webkit-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
}

.g-row--flex .g-col--3_5,
.grid--flex .g-row .g-col--3_5 {
  -webkit-flex-basis: 60%;
  -ms-flex-preferred-size: 60%;
  flex-basis: 60%;
}

.g-row--flex .g-col--3_6,
.grid--flex .g-row .g-col--3_6 {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.g-row--flex .g-col--3_7,
.grid--flex .g-row .g-col--3_7 {
  -webkit-flex-basis: 42.85714%;
  -ms-flex-preferred-size: 42.85714%;
  flex-basis: 42.85714%;
}

.g-row--flex .g-col--3_8,
.grid--flex .g-row .g-col--3_8 {
  -webkit-flex-basis: 37.5%;
  -ms-flex-preferred-size: 37.5%;
  flex-basis: 37.5%;
}

.g-row--flex .g-col--4_5,
.grid--flex .g-row .g-col--4_5 {
  -webkit-flex-basis: 80%;
  -ms-flex-preferred-size: 80%;
  flex-basis: 80%;
}

.g-row--flex .g-col--4_6,
.grid--flex .g-row .g-col--4_6 {
  -webkit-flex-basis: 66.66667%;
  -ms-flex-preferred-size: 66.66667%;
  flex-basis: 66.66667%;
}

.g-row--flex .g-col--4_7,
.grid--flex .g-row .g-col--4_7 {
  -webkit-flex-basis: 57.14286%;
  -ms-flex-preferred-size: 57.14286%;
  flex-basis: 57.14286%;
}

.g-row--flex .g-col--4_8,
.grid--flex .g-row .g-col--4_8 {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.g-row--flex .g-col--5_6,
.grid--flex .g-row .g-col--5_6 {
  -webkit-flex-basis: 83.33333%;
  -ms-flex-preferred-size: 83.33333%;
  flex-basis: 83.33333%;
}

.g-row--flex .g-col--5_7,
.grid--flex .g-row .g-col--5_7 {
  -webkit-flex-basis: 71.42857%;
  -ms-flex-preferred-size: 71.42857%;
  flex-basis: 71.42857%;
}

.g-row--flex .g-col--5_8,
.grid--flex .g-row .g-col--5_8 {
  -webkit-flex-basis: 62.5%;
  -ms-flex-preferred-size: 62.5%;
  flex-basis: 62.5%;
}

.g-row--flex .g-col--6_7,
.grid--flex .g-row .g-col--6_7 {
  -webkit-flex-basis: 85.71429%;
  -ms-flex-preferred-size: 85.71429%;
  flex-basis: 85.71429%;
}

.g-row--flex .g-col--6_8,
.grid--flex .g-row .g-col--6_8 {
  -webkit-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
}

.g-row--flex .g-col--7_8,
.grid--flex .g-row .g-col--7_8 {
  -webkit-flex-basis: 87.5%;
  -ms-flex-preferred-size: 87.5%;
  flex-basis: 87.5%;
}

.g-col {
  float: left;
  width: 100%;
  border-collapse: collapse;
  display: block;
  position: relative;
  padding: 0;
}

.g-col--1_2 {
  max-width: 50%;
}

.g-col---1_2 {
  margin-left: 50%;
}

.g-col--1_3 {
  max-width: 33.33333%;
}

.g-col---1_3 {
  margin-left: 33.33333%;
}

.g-col--1_4 {
  max-width: 25%;
}

.g-col---1_4 {
  margin-left: 25%;
}

.g-col--1_5 {
  max-width: 20%;
}

.g-col---1_5 {
  margin-left: 20%;
}

.g-col--1_6 {
  max-width: 16.66667%;
}

.g-col---1_6 {
  margin-left: 16.66667%;
}

.g-col--1_7 {
  max-width: 14.28571%;
}

.g-col---1_7 {
  margin-left: 14.28571%;
}

.g-col--1_8 {
  max-width: 12.5%;
}

.g-col---1_8 {
  margin-left: 12.5%;
}

.g-col--1_9 {
  max-width: 11.11111%;
}

.g-col---1_9 {
  margin-left: 11.11111%;
}

.g-col--1_10 {
  max-width: 10%;
}

.g-col---1_10 {
  margin-left: 10%;
}

.g-col--2_3 {
  max-width: 66.66667%;
}

.g-col---2_3 {
  margin-left: 66.66667%;
}

.g-col--2_4 {
  max-width: 50%;
}

.g-col---2_4 {
  margin-left: 50%;
}

.g-col--2_5 {
  max-width: 40%;
}

.g-col---2_5 {
  margin-left: 40%;
}

.g-col--2_6 {
  max-width: 33.33333%;
}

.g-col---2_6 {
  margin-left: 33.33333%;
}

.g-col--2_7 {
  max-width: 28.57143%;
}

.g-col---2_7 {
  margin-left: 28.57143%;
}

.g-col--2_8 {
  max-width: 25%;
}

.g-col---2_8 {
  margin-left: 25%;
}

.g-col--2_9 {
  max-width: 22.22222%;
}

.g-col---2_9 {
  margin-left: 22.22222%;
}

.g-col--2_10 {
  max-width: 20%;
}

.g-col---2_10 {
  margin-left: 20%;
}

.g-col--3_4 {
  max-width: 75%;
}

.g-col---3_4 {
  margin-left: 75%;
}

.g-col--3_5 {
  max-width: 60%;
}

.g-col---3_5 {
  margin-left: 60%;
}

.g-col--3_6 {
  max-width: 50%;
}

.g-col---3_6 {
  margin-left: 50%;
}

.g-col--3_7 {
  max-width: 42.85714%;
}

.g-col---3_7 {
  margin-left: 42.85714%;
}

.g-col--3_8 {
  max-width: 37.5%;
}

.g-col---3_8 {
  margin-left: 37.5%;
}

.g-col--3_9 {
  max-width: 33.33333%;
}

.g-col---3_9 {
  margin-left: 33.33333%;
}

.g-col--3_10 {
  max-width: 30%;
}

.g-col---3_10 {
  margin-left: 30%;
}

.g-col--4_5 {
  max-width: 80%;
}

.g-col---4_5 {
  margin-left: 80%;
}

.g-col--4_6 {
  max-width: 66.66667%;
}

.g-col---4_6 {
  margin-left: 66.66667%;
}

.g-col--4_7 {
  max-width: 57.14286%;
}

.g-col---4_7 {
  margin-left: 57.14286%;
}

.g-col--4_8 {
  max-width: 50%;
}

.g-col---4_8 {
  margin-left: 50%;
}

.g-col--4_9 {
  max-width: 44.44444%;
}

.g-col---4_9 {
  margin-left: 44.44444%;
}

.g-col--4_10 {
  max-width: 40%;
}

.g-col---4_10 {
  margin-left: 40%;
}

.g-col--5_6 {
  max-width: 83.33333%;
}

.g-col---5_6 {
  margin-left: 83.33333%;
}

.g-col--5_7 {
  max-width: 71.42857%;
}

.g-col---5_7 {
  margin-left: 71.42857%;
}

.g-col--5_8 {
  max-width: 62.5%;
}

.g-col---5_8 {
  margin-left: 62.5%;
}

.g-col--5_9 {
  max-width: 55.55556%;
}

.g-col---5_9 {
  margin-left: 55.55556%;
}

.g-col--5_10 {
  max-width: 50%;
}

.g-col---5_10 {
  margin-left: 50%;
}

.g-col--6_7 {
  max-width: 85.71429%;
}

.g-col---6_7 {
  margin-left: 85.71429%;
}

.g-col--6_8 {
  max-width: 75%;
}

.g-col---6_8 {
  margin-left: 75%;
}

.g-col--6_9 {
  max-width: 66.66667%;
}

.g-col---6_9 {
  margin-left: 66.66667%;
}

.g-col--6_10 {
  max-width: 60%;
}

.g-col---6_10 {
  margin-left: 60%;
}

.g-col--7_8 {
  max-width: 87.5%;
}

.g-col---7_8 {
  margin-left: 87.5%;
}

.g-col--7_9 {
  max-width: 77.77778%;
}

.g-col---7_9 {
  margin-left: 77.77778%;
}

.g-col--7_10 {
  max-width: 70%;
}

.g-col---7_10 {
  margin-left: 70%;
}

.g-col--8_9 {
  max-width: 88.88889%;
}

.g-col---8_9 {
  margin-left: 88.88889%;
}

.g-col--8_10 {
  max-width: 80%;
}

.g-col---8_10 {
  margin-left: 80%;
}

.g-col--9_10 {
  max-width: 90%;
}

.g-col---9_10 {
  margin-left: 90%;
}

img.ui-on-demand {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: 0.4s opacity cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

img.ui-on-demand--loaded {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.ui-parallax {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}

.ui-popin {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  overflow: auto;
  height: 100%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.9);
  transition: opacity;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: opacity;
  text-align: center;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.ui-popin__trigger,
.ui-popin__close {
  cursor: pointer;
}

.ui-popin>.valign {
  width: 100%;
}

.ui-popin__content {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
  transition: -webkit-transform;
  transition: transform;
  transition: transform, -webkit-transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  display: inline-block;
  position: relative;
}

.ui-popin__close {
  position: absolute;
  transition: -webkit-transform;
  transition: transform;
  transition: transform, -webkit-transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  z-index: 9999;
}

.ui-popin--adding .ui-popin,
.ui-popin--added .ui-popin {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.ui-popin--adding .ui-popin__content,
.ui-popin--adding .ui-popin__close,
.ui-popin--added .ui-popin__content,
.ui-popin--added .ui-popin__close {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.ui-sizer {
  width: 100%;
  height: auto;
  display: block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.ui-sizer+.ui-fit__object {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.ui-slider {
  height: 100%;
  position: relative;
}

.ui-slider__slides {
  width: 100%;
  position: relative;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ui-slider__slide {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  display: none;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: opacity, transform;
}

.ui-slider--animating .ui-slider__slide--previous {
  display: block;
}

.ui-slider__slide--current {
  display: block;
  z-index: 2;
}

.ui-slider__preload {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 0;
  left: 0;
  opacity: 0.01;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  z-index: -1;
}

.ui-slider__preload img {
  width: 1px;
  height: 1px;
  float: left;
}

.ui-slider__scroller {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 100%;
  z-index: 1;
}

.ui-slider__pagination a {
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: background cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}

.ui-slider__arrows {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 4;
}

.ui-slider__arrow {
  cursor: pointer;
  position: absolute;
  display: inline-block;
  z-index: 5;
  top: 50%;
}

.ui-slider__arrow--left {
  left: 0;
}

.ui-slider__arrow--right {
  right: 0;
}

.ui-slider__slide__item {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: opacity, transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ui-slider--animation-horizontal.ui-slider--animating.ui-slider--direction-forward .ui-slider__slide--current {
  -webkit-animation-name: slide-from-right;
  animation-name: slide-from-right;
}

.ui-slider--animation-horizontal.ui-slider--animating.ui-slider--direction-forward .ui-slider__slide--current .ui-slider__slide__item {
  -webkit-animation-name: slide-from-right-only;
  animation-name: slide-from-right-only;
}

.ui-slider--animation-horizontal.ui-slider--animating.ui-slider--direction-backward .ui-slider__slide--current {
  -webkit-animation-name: slide-from-left;
  animation-name: slide-from-left;
}

.ui-slider--animation-horizontal.ui-slider--animating.ui-slider--direction-backward .ui-slider__slide--current .ui-slider__slide__item {
  -webkit-animation-name: slide-from-left-only;
  animation-name: slide-from-left-only;
}

.ui-slider--animation-horizontal.ui-slider--animating.ui-slider--direction-forward .ui-slider__slide--previous {
  -webkit-animation-name: slide-to-left;
  animation-name: slide-to-left;
}

.ui-slider--animation-horizontal.ui-slider--animating.ui-slider--direction-forward .ui-slider__slide--previous .ui-slider__slide__item {
  -webkit-animation-name: slide-to-left-only;
  animation-name: slide-to-left-only;
}

.ui-slider--animation-horizontal.ui-slider--animating.ui-slider--direction-backward .ui-slider__slide--previous {
  -webkit-animation-name: slide-to-right;
  animation-name: slide-to-right;
}

.ui-slider--animation-horizontal.ui-slider--animating.ui-slider--direction-backward .ui-slider__slide--previous .ui-slider__slide__item {
  -webkit-animation-name: slide-to-right-only;
  animation-name: slide-to-right-only;
}

.ui-slider--animation-zoom.ui-slider--animating.ui-slider--direction-forward .ui-slider__slide--current {
  -webkit-animation-name: zoom-in;
  animation-name: zoom-in;
}

.ui-slider--animation-zoom.ui-slider--animating.ui-slider--direction-backward .ui-slider__slide--current {
  -webkit-animation-name: unzoom-in;
  animation-name: unzoom-in;
}

.ui-slider--animation-zoom.ui-slider--animating.ui-slider--direction-forward .ui-slider__slide--previous {
  -webkit-animation-name: unzoom-out;
  animation-name: unzoom-out;
}

.ui-slider--animation-zoom.ui-slider--animating.ui-slider--direction-backward .ui-slider__slide--previous {
  -webkit-animation-name: zoom-out;
  animation-name: zoom-out;
}

.ui-slider--animation-vertical.ui-slider--animating.ui-slider--direction-forward .ui-slider__slide--current {
  -webkit-animation-name: slide-from-bottom;
  animation-name: slide-from-bottom;
}

.ui-slider--animation-vertical.ui-slider--animating.ui-slider--direction-backward .ui-slider__slide--current {
  -webkit-animation-name: slide-from-top;
  animation-name: slide-from-top;
}

.ui-slider--animation-vertical.ui-slider--animating.ui-slider--direction-forward .ui-slider__slide--previous {
  -webkit-animation-name: slide-to-bottom;
  animation-name: slide-to-bottom;
}

.ui-slider--animation-vertical.ui-slider--animating.ui-slider--direction-backward .ui-slider__slide--previous {
  -webkit-animation-name: slide-to-top;
  animation-name: slide-to-top;
}

.ui-slider--animation-none .ui-slider__slide--previous {
  display: block;
}

.ui-slider--animation-crossfade.ui-slider--animating .ui-slider__slide--current {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
  -webkit-animation-duration: 1.6s;
  animation-duration: 1.6s;
}

.ui-tab {
  display: none;
}

.ui-tab--active {
  display: block;
}

.ui-toggle__handler {
  cursor: pointer;
}

.ui-toggle__content {
  display: none;
  transition: opacity;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: opacity;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.ui-toggle--active .ui-toggle__content {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transition: none;
}

vcenter {
  visibility: hidden;
}

.valign {
  display: table;
  height: 100%;
  margin: auto;
  width: 100%;
}

.valign__middle,
.valign__bottom,
.valign__top {
  display: table-cell;
  height: 100%;
  width: 100%;
}

.valign__middle {
  vertical-align: middle;
  flex-direction: column;
  justify-content: center;
  display: flex;
  align-items: center;
}

.valign__bottom {
  vertical-align: bottom;
}

.valign__top {
  vertical-align: top;
}

/*! jQuery UI - v1.12.0 - 2016-08-08
* http://jqueryui.com
* Includes: core.css, slider.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: Alpha(Opacity=0);
  /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-slider_input {
  position: relative;
  text-align: left;
}

.ui-slider_input .ui-slider_input-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider_input .ui-slider_input-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider_input.ui-state-disabled .ui-slider_input-handle,
.ui-slider_input.ui-state-disabled .ui-slider_input-range {
  -webkit-filter: inherit;
  filter: inherit;
}

.ui-slider_input-horizontal {
  height: .8em;
}

.ui-slider_input-horizontal .ui-slider_input-handle {
  top: -.3em;
  margin-left: -.6em;
}

.ui-slider_input-horizontal .ui-slider_input-range {
  top: 0;
  height: 100%;
}

.ui-slider_input-horizontal .ui-slider_input-range-min {
  left: 0;
}

.ui-slider_input-horizontal .ui-slider_input-range-max {
  right: 0;
}

.ui-slider_input-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider_input-vertical .ui-slider_input-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider_input-vertical .ui-slider_input-range {
  left: 0;
  width: 100%;
}

.ui-slider_input-vertical .ui-slider_input-range-min {
  bottom: 0;
}

.ui-slider_input-vertical .ui-slider_input-range-max {
  top: 0;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: Alpha(Opacity=0);
  /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  -webkit-filter: inherit;
  filter: inherit;
}

.ui-slider-horizontal {
  height: .8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside>.mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside+.mCSB_scrollTools {
  right: -26px;
}

/* scrollbar position: outside */
.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
  left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside>.mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper>.mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  transition: width .2s ease-out .2s, height .2s ease-out .2s,
    margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
    margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
    opacity .2s ease-in-out, background-color .2s ease-in-out;
}

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
	----------------------------------------
	6.1 THEMES
	----------------------------------------
	*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
		sprites locations
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /*
		sprites locations
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /*
		sprites locations
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px;
}

.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */
/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: February 7, 2016
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical>.swiper-wrapper {
  box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow>.swiper-wrapper {
  box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -ms-grid-row-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: -1000;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background: #007aff;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal>.swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical>.swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

/* 3D Container */
.swiper-container-3d {
  -o-perspective: 1200px;
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-right {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-top {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  /* Safari 4+, Chrome */
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
  /* Firefox 16+, IE10, Opera 12.50+ */
}

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  -webkit-filter: blur(50px);
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="50" /></filter></svg>#filter');
  filter: blur(50px);
  z-index: 0;
}

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.button,
.which_scooter .input__radio__text {
  border: 0;
  border-radius: 0;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  transition: background, border, color;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: background, border, color;
}

.button+.button,
.which_scooter .input__radio__text+.button,
.which_scooter .button+.input__radio__text,
.which_scooter .input__radio__text+.input__radio__text {
  margin-left: 30px;
  margin-left: 3rem;
}

.button--link,
.distributor__services_link,
.distributor__minisite_link,
.button--add,
.button--remove,
.button--underline,
.button--location,
.button--dropdown {
  font-size: 14px;
  font-size: 1.4rem;
  color: #00A3E0;
  position: relative;
}

.button--link+.button,
.distributor__services_link+.button,
.distributor__minisite_link+.button,
.which_scooter .button--link+.input__radio__text,
.which_scooter .distributor__services_link+.input__radio__text,
.which_scooter .distributor__minisite_link+.input__radio__text,
.button--add+.button,
.which_scooter .button--add+.input__radio__text,
.button--remove+.button,
.which_scooter .button--remove+.input__radio__text,
.button--underline+.button,
.which_scooter .button--underline+.input__radio__text,
.button--location+.button,
.which_scooter .button--location+.input__radio__text,
.button--dropdown+.button,
.which_scooter .button--dropdown+.input__radio__text {
  margin-left: 0;
}

.desktop .button--link:hover,
.desktop .distributor__services_link:hover,
.desktop .distributor__minisite_link:hover,
.desktop .button--add:hover,
.desktop .button--remove:hover,
.desktop .button--underline:hover,
.desktop .button--location:hover,
.desktop .button--dropdown:hover {
  color: #000000;
}

.button:before,
.which_scooter .input__radio__text:before,
.button:after,
.which_scooter .input__radio__text:after {
  font-size: 16px;
  font-size: 1.6rem;
}

.button:before,
.which_scooter .input__radio__text:before {
  margin-right: 8px;
  margin-right: 0.8rem;
}

.button:after,
.which_scooter .input__radio__text:after {
  margin-left: 8px;
  margin-left: 0.8rem;
}

.button:before,
.which_scooter .input__radio__text:before,
.button:after,
.which_scooter .input__radio__text:after {
  vertical-align: sub;
}

.button--link+.button--link,
.distributor__services_link+.button--link,
.distributor__minisite_link+.button--link,
.button--link+.distributor__services_link,
.distributor__services_link+.distributor__services_link,
.distributor__minisite_link+.distributor__services_link,
.button--link+.distributor__minisite_link,
.distributor__services_link+.distributor__minisite_link,
.distributor__minisite_link+.distributor__minisite_link {
  margin-left: 30px;
  margin-left: 3rem;
}

.button--link:after,
.distributor__services_link:after,
.distributor__minisite_link:after {
  font-size: 0.7em;
  display: inline-block;
  transition: -webkit-transform;
  transition: transform;
  transition: transform, -webkit-transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}

.desktop .button--link:hover:after,
.desktop .distributor__services_link:hover:after,
.desktop .distributor__minisite_link:hover:after {
  -webkit-transform: translateX(0.5rem);
  -ms-transform: translateX(0.5rem);
  transform: translateX(0.5rem);
}

.button--dropdown:after {
  font-size: 0.7em;
  display: inline-block;
  transition: -webkit-transform;
  transition: transform;
  transition: transform, -webkit-transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}

.button--dropdown.active:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.button--add:after {
  font-size: 0.9em;
}

.button--disabled {
  color: #7c7c7c !important;
  cursor: default;
}

.button--remove:after {
  font-size: 0.9em;
}

.button--link:after,
.distributor__services_link:after,
.distributor__minisite_link:after,
.button--add:after,
.button--remove:after,
.button--dropdown:after {
  margin-left: 5px;
  margin-left: 0.5rem;
  vertical-align: middle;
}

.button--underline,
.button--location {
  text-decoration: underline;
}

.button--underline.small {
  max-width: 180px;
  max-width: 18rem;
  color: #24394d;
}

.button--location:before {
  position: absolute;
  right: 100%;
}

.button--normal,
.button--review,
.button--new,
.button--promo,
.button--route,
.button--preview,
.button--photo {
  position: relative;
  background: #e2e1e5;
  transition: background, color, border;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: background, color, border;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 8px 16px;
  padding: 0.8rem 1.6rem;
  color: #24394d;
}

.button--normal.hide,
.hide.button--review,
.hide.button--new,
.hide.button--promo,
.hide.button--route,
.hide.button--preview,
.hide.button--photo {
  display: none;
}

.button--normal.show,
.show.button--review,
.show.button--new,
.show.button--promo,
.show.button--route,
.show.button--preview,
.show.button--photo {
  display: inline;
}

.button--fill,
.which_scooter .input__radio input:checked~.input__radio__text {
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  background: #00A3E0;
  padding: 1em 3em;
}

.desktop .button--fill:hover,
.desktop .which_scooter .input__radio input:checked~.input__radio__text:hover,
.which_scooter .input__radio .desktop input:checked~.input__radio__text:hover {
  background: #000000;
}

.button--empty,
.which_scooter .input__radio__text {
  font-size: 16px;
  font-size: 1.6rem;
  color: #00A3E0;
  border: 1px solid #00A3E0;
  padding: 1em 3em;
}

.desktop .button--empty:hover,
.desktop .which_scooter .input__radio__text:hover,
.which_scooter .desktop .input__radio__text:hover {
  background: #000;
  color: #fff;
  border-color: #000;
}

.button--main,
.button--main--promo,
.button--send,
.button--save,
.button--try,
.button--calculette,
.button--info {
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  background-color: #00A3E0;
  padding: 0 22px;
  cursor: pointer;
  position: relative;
  max-width: 310px;
  min-width: 180px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.4em;
}

.button--main:hover,
.button--main--promo:hover,
.button--send:hover,
.button--save:hover,
.button--try:hover,
.button--calculette:hover,
.button--info:hover {
  background: #000;
}

.button--main.left {
  margin-left: 0;
  width: auto;
}

.desktop .button--main:hover,
.desktop .button--main--promo:hover,
.desktop .button--send:hover,
.desktop .button--save:hover,
.desktop .button--try:hover,
.desktop .button--calculette:hover,
.desktop .button--info:hover {
  background-color: #000;
}

.button--main+.button--main,
.button--main--promo+.button--main,
.button--send+.button--main,
.button--save+.button--main,
.button--try+.button--main,
.button--calculette+.button--main,
.button--info+.button--main,
.button--main+.button--main--promo,
.button--main--promo+.button--main--promo,
.button--send+.button--main--promo,
.button--save+.button--main--promo,
.button--try+.button--main--promo,
.button--calculette+.button--main--promo,
.button--info+.button--main--promo,
.button--main+.button--send,
.button--main--promo+.button--send,
.button--send+.button--send,
.button--save+.button--send,
.button--try+.button--send,
.button--calculette+.button--send,
.button--info+.button--send,
.button--main+.button--save,
.button--main--promo+.button--save,
.button--send+.button--save,
.button--save+.button--save,
.button--try+.button--save,
.button--calculette+.button--save,
.button--info+.button--save,
.button--main+.button--try,
.button--main--promo+.button--try,
.button--send+.button--try,
.button--save+.button--try,
.button--try+.button--try,
.button--calculette+.button--try,
.button--info+.button--try,
.button--main+.button--calculette,
.button--main--promo+.button--calculette,
.button--send+.button--calculette,
.button--save+.button--calculette,
.button--try+.button--calculette,
.button--calculette+.button--calculette,
.button--info+.button--calculette,
.button--main+.button--info,
.button--main--promo+.button--info,
.button--send+.button--info,
.button--save+.button--info,
.button--try+.button--info,
.button--calculette+.button--info,
.button--info+.button--info {
  margin-left: 20px;
  margin-left: 2rem;
}

/*.banner .button--main,*/
.banner .button--main--promo,
.banner .button--send,
.banner .button--save,
.banner .button--try,
.banner .button--calculette,
.banner .button--info {
  background-color: #000000;
}

.button--main.light,
.light.button--main--promo,
.light.button--send,
.light.button--save,
.light.button--try,
.light.button--calculette,
.light.button--info {
  background-color: #e2e1e5;
  border-color: #d0ced4;
  color: #24394d;
}

.desktop .button--main.light:hover,
.desktop .light.button--main--promo:hover,
.desktop .light.button--send:hover,
.desktop .light.button--save:hover,
.desktop .light.button--try:hover,
.desktop .light.button--calculette:hover,
.desktop .light.button--info:hover {
  background-color: #d0ced4;
  border-color: #bdbbc4;
}

.button--main--promo {
  background-color: #97055e;
  border-color: #700445;
  color: white;
}

.desktop .button--main--promo:hover {
  background-color: #66033f;
  border-color: #3e0227;
}

.button--review {
  color: #7c7c7c;
  padding-right: 28px;
  padding-right: 2.8rem;
}

.desktop .button--review:hover {
  background: #c8c6cd;
  color: #141f2a;
}

.button--review:after {
  position: absolute;
  font-size: 0.6em;
  right: 13px;
  right: 1.3rem;
  top: calc(50% - 0.3em);
}

.button--new,
.button--promo {
  color: #fff;
  cursor: default;
}

.button--new {
  background-color: #00A3E0;
}

.button--promo {
  background-color: #97055e;
}

.button--info {
  background-color: #6ab0e4;
  border-bottom: 0;
}

.button--calculette {
  padding: 0.7em 2em 0.7em 1em;
  font-size: 13.33px;
  font-size: 1.333rem;
}

.button--route:before {
  font-size: 16px;
  font-size: 1.6rem;
}

.button--info:before {
  font-size: 34px;
  font-size: 3.4rem;
  vertical-align: middle;
}

.button--calculette:before {
  font-size: 41px;
  font-size: 4.1rem;
  vertical-align: middle;
  margin-right: 20px;
  margin-right: 2rem;
}

.container {
  width: 96%;
  max-width: 1040px;
  max-width: 130rem;
  position: relative;
  margin: 0 auto;
}

.container--narrow {
  max-width: 620px;
  max-width: 77.5rem;
  margin-bottom: 60px;
  margin-bottom: 6rem;
}

hr {
  height: 1px;
  display: block;
  clear: both;
  margin: 30px 0;
  margin: 3rem 0;
  border: 0;
  background-color: #e2e1e5;
}

.banner-height {
  height: 500px;
  height: 50rem;
}

.ui-map {
  height: 100%;
}

.swiper-container {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mt-0 {
  margin-top: 0px;
  margin-top: 0rem;
}

.mb-0 {
  margin-bottom: 0px;
  margin-bottom: 0rem;
}

.m-0 {
  margin: 0px 0;
  margin: 0rem 0;
}

.mt-1 {
  margin-top: 10px;
  margin-top: 1rem;
}

.mb-1 {
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

.m-1 {
  margin: 10px 0;
  margin: 1rem 0;
}

.mt-2 {
  margin-top: 20px;
  margin-top: 2rem;
}

.mb-2 {
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.m-2 {
  margin: 20px 0;
  margin: 2rem 0;
}

.mt-3 {
  margin-top: 30px;
  margin-top: 3rem;
}

.mb-3 {
  margin-bottom: 30px;
  margin-bottom: 3rem;
}

.m-3 {
  margin: 30px 0;
  margin: 3rem 0;
}

.mt-4 {
  margin-top: 40px;
  margin-top: 4rem;
}

.mb-4 {
  margin-bottom: 40px;
  margin-bottom: 4rem;
}

.m-4 {
  margin: 40px 0;
  margin: 4rem 0;
}

.mt-5 {
  margin-top: 50px;
  margin-top: 5rem;
}

.mb-5 {
  margin-bottom: 50px;
  margin-bottom: 5rem;
}

.m-5 {
  margin: 50px 0;
  margin: 5rem 0;
}

.mt-6 {
  margin-top: 60px;
  margin-top: 6rem;
}

.mb-6 {
  margin-bottom: 60px;
  margin-bottom: 6rem;
}

.m-6 {
  margin: 60px 0;
  margin: 6rem 0;
}

.bgcolor-blue {
  background-color: #007edb !important;
}

.bgcolor-new-blue {
  background-color: #00A3E0 !important;
}

.bgcolor-white,
.bgcolor-clear {
  background-color: #fff !important;
}

.bgcolor-black,
.bgcolor-dark {
  background-color: #000 !important;
}

.bgcolor-grey {
  background-color: #f0f0f0 !important;
}

.bgcolor-deep {
  background-color: #092437 !important;
}

.col_form,
.test_ride_old .g-col--1_3,
.test_ride .g-col--1_3 {
  padding: 0 4%;
  transition: opacity;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: opacity;
  position: relative;
}

.col_form.disabled,
.test_ride_old .disabled.g-col--1_3,
.test_ride .disabled.g-col--1_3 {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  pointer-events: none;
}

.col_form.g-col--1_3,
.test_ride_old .g-col--1_3,
.test_ride .g-col--1_3 {
  max-width: 36%;
}

.col_form.g-col--1_3:first-of-type,
.test_ride_old .g-col--1_3:first-of-type,
.test_ride .g-col--1_3:first-of-type,
.col_form.g-col--1_3:last-of-type,
.test_ride_old .g-col--1_3:last-of-type,
.test_ride .g-col--1_3:last-of-type {
  max-width: 32%;
}

.col_form.g-col--2_3 .g-col--1_2:first-of-type,
.test_ride_old .g-col--2_3.g-col--1_3 .g-col--1_2:first-of-type,
.test_ride .g-col--2_3.g-col--1_3 .g-col--1_2:first-of-type {
  padding-right: 20px;
  padding-right: 2rem;
}

.col_form.g-col--2_3 .g-col--1_2:last-of-type,
.test_ride_old .g-col--2_3.g-col--1_3 .g-col--1_2:last-of-type,
.test_ride .g-col--2_3.g-col--1_3 .g-col--1_2:last-of-type {
  padding-left: 20px;
  padding-left: 2rem;
}

.col_form.g-col--2_3 .g-col--1_2 .input--radio+.input--text,
.test_ride_old .g-col--2_3.g-col--1_3 .g-col--1_2 .input--radio+.input--text,
.test_ride .g-col--2_3.g-col--1_3 .g-col--1_2 .input--radio+.input--text {
  margin-top: 39px;
  margin-top: 3.9rem;
}

.col_form:before,
.test_ride_old .g-col--1_3:before,
.test_ride .g-col--1_3:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #e2e1e5;
}

.col_form:first-of-type:before,
.test_ride_old .g-col--1_3:first-of-type:before,
.test_ride .g-col--1_3:first-of-type:before {
  content: none;
}

.col_form:first-of-type,
.test_ride_old .g-col--1_3:first-of-type,
.test_ride .g-col--1_3:first-of-type {
  padding-left: 0;
}

.col_form:last-of-type,
.test_ride_old .g-col--1_3:last-of-type,
.test_ride .g-col--1_3:last-of-type {
  padding-right: 0;
}

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

::-webkit-scrollbar-thumb {
  background: #000;
  border-radius: 0;
}

::-webkit-scrollbar-track {
  background: #e2e1e5;
  border-radius: 0;
}

html {
  font-size: 10px;
  color: #3c3947;
}

.unicode body,
.unicode input,
.unicode textarea,
.unicode select {
  font-family: Arial, sans-serif, mono;
}

.text,
.button--underline.small,
.form_step,
.title-main,
.title-main.small,
._toggle,
.focus_variant__title,
.focus__title,
.product-insurance__toggle,
.product-quote__toggle,
.article__title,
.article__text,
.input__pseudo_label,
.input__label,
.input__tip,
.input__radio__text,
.input__checkbox__text,
.input__file,
.input__read_only,
.mention,
.quantity__title,
.reviews__box,
.reviews__item,
.special_offer__title,
.special_offer__subtitle,
.special_offer__date,
.tabs__link,
.accessory-intro__content__type,
.accessory-intro__content__title,
.accessory-intro__content__text,
.accessory-intro__content__price,
.account-block__title,
.account-block__adress,
.account-config__delete,
.account-config__name,
.account-config__range,
.account-config__category,
.account-config__text,
.account-config__text__price,
.account-config__accessory__title,
.account-config__accessory__ref,
.account-config__accessory__price,
.banner--half .banner__subtitle,
.banner__title,
.banner__subtitle,
.comparator__title,
.comparator__number,
.compare-product__name,
.compare-product__version,
.compare-product__category,
.compare-product p,
.compare-product ul,
.contact-others__title,
.contact-others__media,
.contact-others__adress,
.contact-others__email-address,
.contact-others__tip,
.distributor__title,
.distributor .distributor__street,
.distributor .distributor__phone,
.distributor .distributor__services,
.distributor__distance,
.test_ride .distributor__distance,
.popin .distributor__distance,
.faq .question__title,
.faq .question__answer__text,
.focus_variant__subtitle,
.focus_variant__excerpt,
.focus_variant__more .container .redac,
.focus__subtitle,
.focus__excerpt,
.home-categories__cat__excerpt,
.home-discover__text,
.home-slider__slide__title,
.home-slider__slide__subtitle,
.popin__title,
.popin__subtitle,
.popin-review__text,
.popin-review__infos,
.product_container__match,
.product__name,
.product__version,
.product-accessory_summary__title,
.product-accessory_summary__id,
.product-accessory_summary__price,
.product-accessory__title,
.product-accessory__price,
.product-accessory__id,
.product-configurator__title,
.product-configurator__subtitle,
.product-configurator__subsubtitle,
.product-insurance__title,
.product-insurance__subtitle,
.product-intro__title,
.product-intro__subtitle,
.product-intro__text,
.product-quote__title,
.product-quote__quote,
.range-banner__content,
.range-summary__text,
.accessory-summary__container .range-summary__text,
.success_story-focus__main__title,
.success_story-focus__more__title,
.success_story-focus__main__excerpt,
.success_story-focus__more__excerpt,
.success_story-timeline__title,
.success_story-timeline__subtitle,
.success_story-timeline__filter_desktop,
.success_story-timeline__filter_mobile select,
.success_story-timeline__slider .slide__info__title,
.success_story-timeline__slider .slide__info__text,
.success_story-timeline__slider .slide__year,
.success_story-timeline__slider .slide__title,
.success_story-timeline__slider .slide__text,
.success_story-timeline__slider .slide__fact,
.whoweare-midslide__title,
.whoweare-banner--half .banner__subtitle,
.whoweare-banner__title,
.whoweare-banner__subtitle,
.header,
.login__subtitle,
.store_locator__list__count,
.store_locator__list__count+.store_locator__list__gold-info,
.which_scooter__title,
.which_scooter__subtitle,
.which_scooter__result {
  line-height: 1.2em;
}

.text--title-1,
.accessory-intro__content__price {
  font-size: 52px;
  font-size: 5.2rem;
}

.text--title-2,
.title-main,
._toggle,
.focus_variant__title,
.focus__title,
.product-insurance__toggle,
.product-quote__toggle,
.accessory-intro__content__title,
.banner__title,
.home-discover__text,
.home-slider__slide__title,
.product-configurator__title,
.product-insurance__title,
.product-intro__title,
.product-quote__title,
.success_story-timeline__title,
.success_story-timeline__slider .slide__year,
.whoweare-midslide__title,
.whoweare-banner__title,
.which_scooter__title {
  font-size: 25px;
  font-size: 2.7rem;
  font-weight: normal;
  text-transform: uppercase;
}

.text--title-3,
.title-main.small,
.account-config__name,
.account-config__range,
.compare-product__name,
.compare-product__version,
.create_account-progress__title,
.product__name {
  font-size: 26px;
  font-size: 2.6rem;
}

.text--title-4,
.article__title,
.accessory-intro__content__type,
.account-config__text__price,
.focus_variant__subtitle,
.focus__subtitle,
.product_container__match,
.product-configurator__subtitle,
.product-intro__subtitle,
.success_story-focus__main__title,
.success_story-focus__more__title,
.login__subtitle {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 100;
}

.text--title-4 b,
.article__title b,
.accessory-intro__content__type b,
.account-config__text__price b,
.focus_variant__subtitle b,
.focus__subtitle b,
.product_container__match b,
.product-configurator__subtitle b,
.product-intro__subtitle b,
.success_story-focus__main__title b,
.success_story-focus__more__title b,
.login__subtitle b {
  font-weight: normal;
}

.text--title-5,
.form_step,
.accessory-intro__content__title,
.account-block__title,
.account-config__category,
.account-config__accessory__price,
.banner__subtitle,
.compare-product__category,
.contact-others__title,
.contact-others__media,
.faq .question__title,
.home-slider__slide__subtitle,
.product__version,
.product-accessory_summary__price,
.product-accessory__price,
.product-insurance__subtitle,
.success_story-timeline__subtitle,
.success_story-timeline__slider .slide__info__title,
.whoweare-banner__subtitle,
.store_locator__list__count,
.store_locator__list__count+.store_locator__list__gold-info,
.which_scooter__subtitle,
.which_scooter__result {
  font-size: 15px;
  color: #24394d;
}

.text--title-5 b,
.form_step b,
.accessory-intro__content__title b,
.account-block__title b,
.account-config__category b,
.account-config__accessory__price b,
.banner__subtitle b,
.compare-product__category b,
.contact-others__title b,
.contact-others__media b,
.faq .question__title b,
.home-slider__slide__subtitle b,
.product__version b,
.product-accessory_summary__price b,
.product-accessory__price b,
.product-insurance__subtitle b,
.success_story-timeline__subtitle b,
.success_story-timeline__slider .slide__info__title b,
.whoweare-banner__subtitle b,
.store_locator__list__count b,
.store_locator__list__count+.store_locator__list__gold-info b,
.which_scooter__subtitle b,
.which_scooter__result b {
  color: #00A3E0;
  font-weight: normal;
}

.text--title-5 small,
.form_step small,
.accessory-intro__content__title small,
.account-block__title small,
.account-config__category small,
.account-config__accessory__price small,
.banner__subtitle small,
.compare-product__category small,
.contact-others__title small,
.contact-others__media small,
.faq .question__title small,
.home-slider__slide__subtitle small,
.product__version small,
.product-accessory_summary__price small,
.product-accessory__price small,
.product-insurance__subtitle small,
.success_story-timeline__subtitle small,
.success_story-timeline__slider .slide__info__title small,
.whoweare-banner__subtitle small,
.store_locator__list__count small,
.store_locator__list__count+.store_locator__list__gold-info small,
.which_scooter__subtitle small,
.which_scooter__result small {
  font-size: 0.6em;
  bottom: 0.5em;
}

.text--title-6,
.comparator__title,
.popin__title,
.success_story-timeline__subtitle {
  font-size: 18px;
  font-size: 1.8rem;
}

.text--title-7,
.product-configurator__subsubtitle {
  font-size: 15px;
  font-size: 1.5rem;
}

.text--large,
.article__text,
.accessory-intro__content__text,
.account-block__adress,
.account-config__text,
.compare-product p,
.compare-product ul,
.faq .question__answer__text,
.focus_variant__excerpt,
.focus_variant__more .container .redac,
.focus__excerpt,
.home-categories__cat__excerpt,
.popin__subtitle,
.popin-review__text,
.product-intro__text,
.product-quote__quote,
.range-banner__content,
.range-summary__text,
.accessory-summary__container .range-summary__text,
.success_story-focus__main__excerpt,
.success_story-focus__more__excerpt {
  font-size: 14px;
  font-size: 1.4rem;
}

.text--large a,
.article__text a,
.accessory-intro__content__text a,
.account-block__adress a,
.account-config__text a,
.compare-product p a,
.compare-product ul a,
.faq .question__answer__text a,
.focus_variant__excerpt a,
.focus_variant__more .container .redac a,
.focus__excerpt a,
.home-categories__cat__excerpt a,
.popin__subtitle a,
.popin-review__text a,
.product-intro__text a,
.product-quote__quote a,
.range-banner__content a,
.range-summary__text a,
.accessory-summary__container .range-summary__text a,
.success_story-focus__main__excerpt a,
.success_story-focus__more__excerpt a {
  color: #00A3E0;
}

.text--medium,
.distributor__title,
.success_story-timeline__filter_mobile select,
.success_story-timeline__slider .slide__title,
.success_story-timeline__slider .slide__text {
  font-size: 15px;
  font-size: 1.5rem;
}

.text--regular,
.input__pseudo_label,
.input__label,
.input__radio__text,
.input__checkbox__text,
.input__read_only,
.reviews__box,
.reviews__item,
.special_offer__title,
.special_offer__subtitle,
.accessory-intro__content__type,
.account-config__delete,
.account-config__accessory__title,
.banner--half .banner__subtitle,
.comparator__number,
.contact-others__adress,
.contact-others__email-address,
.test_ride .distributor__distance,
.popin .distributor__distance,
.home-slider__slide__subtitle,
.product-accessory__title,
.success_story-timeline__filter_desktop,
.whoweare-banner--half .banner__subtitle,
.header {
  font-size: 14px;
  font-size: 1.4rem;
}

.text--small,
.distributor .distributor__street,
.distributor .distributor__phone,
.distributor .distributor__services,
.success_story-timeline__slider .slide__info__text,
.success_story-timeline__slider .slide__fact {
  font-size: 11.5px;
  font-size: 1.4rem;
  line-height: 1.8;
  margin-top: 8.5px;
}

.distributor .distributor__phone {
  margin-top: 0;
}

.text--tiny,
.button--underline.small,
.input__tip,
.input__file,
.mention,
.quantity__title,
.special_offer__date,
.tabs__link,
.account-config__accessory__ref,
.contact-others__tip,
.popin-review__infos,
.product-accessory_summary__title,
.product-accessory_summary__id,
.product-accessory__id {
  font-size: 9px;
  font-size: 1.1rem;
  line-height: 1.3;
}

.text--micro,
.distributor__distance {
  font-size: 11px;
}

.text small,
.button--underline.small small,
.form_step small,
.title-main small,
.title-main.small small,
._toggle small,
.focus_variant__title small,
.focus__title small,
.product-insurance__toggle small,
.product-quote__toggle small,
.article__title small,
.article__text small,
.input__pseudo_label small,
.input__label small,
.input__tip small,
.input__radio__text small,
.input__checkbox__text small,
.input__file small,
.input__read_only small,
.mention small,
.quantity__title small,
.reviews__box small,
.reviews__item small,
.special_offer__title small,
.special_offer__subtitle small,
.special_offer__date small,
.tabs__link small,
.accessory-intro__content__type small,
.accessory-intro__content__title small,
.accessory-intro__content__text small,
.accessory-intro__content__price small,
.account-block__title small,
.account-block__adress small,
.account-config__delete small,
.account-config__name small,
.account-config__range small,
.account-config__category small,
.account-config__text small,
.account-config__text__price small,
.account-config__accessory__title small,
.account-config__accessory__ref small,
.account-config__accessory__price small,
.banner--half .banner__subtitle small,
.banner__title small,
.banner__subtitle small,
.comparator__title small,
.comparator__number small,
.compare-product__name small,
.compare-product__version small,
.compare-product__category small,
.compare-product p small,
.compare-product ul small,
.contact-others__title small,
.contact-others__media small,
.contact-others__adress small,
.contact-others__email-address small,
.contact-others__tip small,
.distributor__title small,
.distributor .distributor__street small,
.distributor .distributor__phone small,
.distributor .distributor__services small,
.distributor__distance small,
.test_ride .distributor__distance small,
.popin .distributor__distance small,
.faq .question__title small,
.faq .question__answer__text small,
.focus_variant__subtitle small,
.focus_variant__excerpt small,
.focus_variant__more .container .redac small,
.focus__subtitle small,
.focus__excerpt small,
.home-categories__cat__excerpt small,
.home-discover__text small,
.home-slider__slide__title small,
.home-slider__slide__subtitle small,
.popin__title small,
.popin__subtitle small,
.popin-review__text small,
.popin-review__infos small,
.product_container__match small,
.product__name small,
.product__version small,
.product-accessory_summary__title small,
.product-accessory_summary__id small,
.product-accessory_summary__price small,
.product-accessory__title small,
.product-accessory__price small,
.product-accessory__id small,
.product-configurator__title small,
.product-configurator__subtitle small,
.product-configurator__subsubtitle small,
.product-insurance__title small,
.product-insurance__subtitle small,
.product-intro__title small,
.product-intro__subtitle small,
.product-intro__text small,
.product-quote__title small,
.product-quote__quote small,
.range-banner__content small,
.range-summary__text small,
.accessory-summary__container .range-summary__text small,
.success_story-focus__main__title small,
.success_story-focus__more__title small,
.success_story-focus__main__excerpt small,
.success_story-focus__more__excerpt small,
.success_story-timeline__title small,
.success_story-timeline__subtitle small,
.success_story-timeline__filter_desktop small,
.success_story-timeline__filter_mobile select small,
.success_story-timeline__slider .slide__info__title small,
.success_story-timeline__slider .slide__info__text small,
.success_story-timeline__slider .slide__year small,
.success_story-timeline__slider .slide__title small,
.success_story-timeline__slider .slide__text small,
.success_story-timeline__slider .slide__fact small,
.whoweare-midslide__title small,
.whoweare-banner--half .banner__subtitle small,
.whoweare-banner__title small,
.whoweare-banner__subtitle small,
.header small,
.login__subtitle small,
.store_locator__list__count small,
.store_locator__list__count+.store_locator__list__gold-info small,
.which_scooter__title small,
.which_scooter__subtitle small,
.which_scooter__result small {
  position: relative;
}

.text ul,
.button--underline.small ul,
.form_step ul,
.title-main ul,
.title-main.small ul,
._toggle ul,
.focus_variant__title ul,
.focus__title ul,
.product-insurance__toggle ul,
.product-quote__toggle ul,
.article__title ul,
.article__text ul,
.input__pseudo_label ul,
.input__label ul,
.input__tip ul,
.input__radio__text ul,
.input__checkbox__text ul,
.input__file ul,
.input__read_only ul,
.mention ul,
.quantity__title ul,
.reviews__box ul,
.reviews__item ul,
.special_offer__title ul,
.special_offer__subtitle ul,
.special_offer__date ul,
.tabs__link ul,
.accessory-intro__content__type ul,
.accessory-intro__content__title ul,
.accessory-intro__content__text ul,
.accessory-intro__content__price ul,
.account-block__title ul,
.account-block__adress ul,
.account-config__delete ul,
.account-config__name ul,
.account-config__range ul,
.account-config__category ul,
.account-config__text ul,
.account-config__text__price ul,
.account-config__accessory__title ul,
.account-config__accessory__ref ul,
.account-config__accessory__price ul,
.banner--half .banner__subtitle ul,
.banner__title ul,
.banner__subtitle ul,
.comparator__title ul,
.comparator__number ul,
.compare-product__name ul,
.compare-product__version ul,
.compare-product__category ul,
.compare-product p ul,
.compare-product ul ul,
.contact-others__title ul,
.contact-others__media ul,
.contact-others__adress ul,
.contact-others__email-address ul,
.contact-others__tip ul,
.distributor__title ul,
.distributor .distributor__street ul,
.distributor .distributor__phone ul,
.distributor .distributor__services ul,
.distributor__distance ul,
.test_ride .distributor__distance ul,
.popin .distributor__distance ul,
.faq .question__title ul,
.faq .question__answer__text ul,
.focus_variant__subtitle ul,
.focus_variant__excerpt ul,
.focus_variant__more .container .redac ul,
.focus__subtitle ul,
.focus__excerpt ul,
.home-categories__cat__excerpt ul,
.home-discover__text ul,
.home-slider__slide__title ul,
.home-slider__slide__subtitle ul,
.popin__title ul,
.popin__subtitle ul,
.popin-review__text ul,
.popin-review__infos ul,
.product_container__match ul,
.product__name ul,
.product__version ul,
.product-accessory_summary__title ul,
.product-accessory_summary__id ul,
.product-accessory_summary__price ul,
.product-accessory__title ul,
.product-accessory__price ul,
.product-accessory__id ul,
.product-configurator__title ul,
.product-configurator__subtitle ul,
.product-configurator__subsubtitle ul,
.product-insurance__title ul,
.product-insurance__subtitle ul,
.product-intro__title ul,
.product-intro__subtitle ul,
.product-intro__text ul,
.product-quote__title ul,
.product-quote__quote ul,
.range-banner__content ul,
.range-summary__text ul,
.accessory-summary__container .range-summary__text ul,
.success_story-focus__main__title ul,
.success_story-focus__more__title ul,
.success_story-focus__main__excerpt ul,
.success_story-focus__more__excerpt ul,
.success_story-timeline__title ul,
.success_story-timeline__subtitle ul,
.success_story-timeline__filter_desktop ul,
.success_story-timeline__filter_mobile select ul,
.success_story-timeline__slider .slide__info__title ul,
.success_story-timeline__slider .slide__info__text ul,
.success_story-timeline__slider .slide__year ul,
.success_story-timeline__slider .slide__title ul,
.success_story-timeline__slider .slide__text ul,
.success_story-timeline__slider .slide__fact ul,
.whoweare-midslide__title ul,
.whoweare-banner--half .banner__subtitle ul,
.whoweare-banner__title ul,
.whoweare-banner__subtitle ul,
.header ul,
.login__subtitle ul,
.store_locator__list__count ul,
.store_locator__list__count+.store_locator__list__gold-info ul,
.which_scooter__title ul,
.which_scooter__subtitle ul,
.which_scooter__result ul {
  margin: 30px 0;
  margin: 3rem 0;
}

.text ul li,
.button--underline.small ul li,
.form_step ul li,
.title-main ul li,
.title-main.small ul li,
._toggle ul li,
.focus_variant__title ul li,
.focus__title ul li,
.product-insurance__toggle ul li,
.product-quote__toggle ul li,
.article__title ul li,
.article__text ul li,
.input__pseudo_label ul li,
.input__label ul li,
.input__tip ul li,
.input__radio__text ul li,
.input__checkbox__text ul li,
.input__file ul li,
.input__read_only ul li,
.mention ul li,
.quantity__title ul li,
.reviews__box ul li,
.reviews__item ul li,
.special_offer__title ul li,
.special_offer__subtitle ul li,
.special_offer__date ul li,
.tabs__link ul li,
.accessory-intro__content__type ul li,
.accessory-intro__content__title ul li,
.accessory-intro__content__text ul li,
.accessory-intro__content__price ul li,
.account-block__title ul li,
.account-block__adress ul li,
.account-config__delete ul li,
.account-config__name ul li,
.account-config__range ul li,
.account-config__category ul li,
.account-config__text ul li,
.account-config__text__price ul li,
.account-config__accessory__title ul li,
.account-config__accessory__ref ul li,
.account-config__accessory__price ul li,
.banner--half .banner__subtitle ul li,
.banner__title ul li,
.banner__subtitle ul li,
.comparator__title ul li,
.comparator__number ul li,
.compare-product__name ul li,
.compare-product__version ul li,
.compare-product__category ul li,
.compare-product p ul li,
.compare-product ul ul li,
.contact-others__title ul li,
.contact-others__media ul li,
.contact-others__adress ul li,
.contact-others__email-address ul li,
.contact-others__tip ul li,
.distributor__title ul li,
.distributor .distributor__street ul li,
.distributor .distributor__phone ul li,
.distributor .distributor__services ul li,
.distributor__distance ul li,
.test_ride .distributor__distance ul li,
.popin .distributor__distance ul li,
.faq .question__title ul li,
.faq .question__answer__text ul li,
.focus_variant__subtitle ul li,
.focus_variant__excerpt ul li,
.focus_variant__more .container .redac ul li,
.focus__subtitle ul li,
.focus__excerpt ul li,
.home-categories__cat__excerpt ul li,
.home-discover__text ul li,
.home-slider__slide__title ul li,
.home-slider__slide__subtitle ul li,
.popin__title ul li,
.popin__subtitle ul li,
.popin-review__text ul li,
.popin-review__infos ul li,
.product_container__match ul li,
.product__name ul li,
.product__version ul li,
.product-accessory_summary__title ul li,
.product-accessory_summary__id ul li,
.product-accessory_summary__price ul li,
.product-accessory__title ul li,
.product-accessory__price ul li,
.product-accessory__id ul li,
.product-configurator__title ul li,
.product-configurator__subtitle ul li,
.product-configurator__subsubtitle ul li,
.product-insurance__title ul li,
.product-insurance__subtitle ul li,
.product-intro__title ul li,
.product-intro__subtitle ul li,
.product-intro__text ul li,
.product-quote__title ul li,
.product-quote__quote ul li,
.range-banner__content ul li,
.range-summary__text ul li,
.accessory-summary__container .range-summary__text ul li,
.success_story-focus__main__title ul li,
.success_story-focus__more__title ul li,
.success_story-focus__main__excerpt ul li,
.success_story-focus__more__excerpt ul li,
.success_story-timeline__title ul li,
.success_story-timeline__subtitle ul li,
.success_story-timeline__filter_desktop ul li,
.success_story-timeline__filter_mobile select ul li,
.success_story-timeline__slider .slide__info__title ul li,
.success_story-timeline__slider .slide__info__text ul li,
.success_story-timeline__slider .slide__year ul li,
.success_story-timeline__slider .slide__title ul li,
.success_story-timeline__slider .slide__text ul li,
.success_story-timeline__slider .slide__fact ul li,
.whoweare-midslide__title ul li,
.whoweare-banner--half .banner__subtitle ul li,
.whoweare-banner__title ul li,
.whoweare-banner__subtitle ul li,
.header ul li,
.login__subtitle ul li,
.store_locator__list__count ul li,
.store_locator__list__count+.store_locator__list__gold-info ul li,
.which_scooter__title ul li,
.which_scooter__subtitle ul li,
.which_scooter__result ul li {
  padding-left: 15px;
  padding-left: 1.5rem;
  position: relative;
}

.text ul li:before,
.button--underline.small ul li:before,
.form_step ul li:before,
.title-main ul li:before,
.title-main.small ul li:before,
._toggle ul li:before,
.focus_variant__title ul li:before,
.focus__title ul li:before,
.product-insurance__toggle ul li:before,
.product-quote__toggle ul li:before,
.article__title ul li:before,
.article__text ul li:before,
.input__pseudo_label ul li:before,
.input__label ul li:before,
.input__tip ul li:before,
.input__radio__text ul li:before,
.input__checkbox__text ul li:before,
.input__file ul li:before,
.input__read_only ul li:before,
.mention ul li:before,
.quantity__title ul li:before,
.reviews__box ul li:before,
.reviews__item ul li:before,
.special_offer__title ul li:before,
.special_offer__subtitle ul li:before,
.special_offer__date ul li:before,
.tabs__link ul li:before,
.accessory-intro__content__type ul li:before,
.accessory-intro__content__title ul li:before,
.accessory-intro__content__text ul li:before,
.accessory-intro__content__price ul li:before,
.account-block__title ul li:before,
.account-block__adress ul li:before,
.account-config__delete ul li:before,
.account-config__name ul li:before,
.account-config__range ul li:before,
.account-config__category ul li:before,
.account-config__text ul li:before,
.account-config__text__price ul li:before,
.account-config__accessory__title ul li:before,
.account-config__accessory__ref ul li:before,
.account-config__accessory__price ul li:before,
.banner--half .banner__subtitle ul li:before,
.banner__title ul li:before,
.banner__subtitle ul li:before,
.comparator__title ul li:before,
.comparator__number ul li:before,
.compare-product__name ul li:before,
.compare-product__version ul li:before,
.compare-product__category ul li:before,
.compare-product p ul li:before,
.compare-product ul ul li:before,
.contact-others__title ul li:before,
.contact-others__media ul li:before,
.contact-others__adress ul li:before,
.contact-others__email-address ul li:before,
.contact-others__tip ul li:before,
.distributor__title ul li:before,
.distributor .distributor__street ul li:before,
.distributor .distributor__phone ul li:before,
.distributor .distributor__services ul li:before,
.distributor__distance ul li:before,
.test_ride .distributor__distance ul li:before,
.popin .distributor__distance ul li:before,
.faq .question__title ul li:before,
.faq .question__answer__text ul li:before,
.focus_variant__subtitle ul li:before,
.focus_variant__excerpt ul li:before,
.focus_variant__more .container .redac ul li:before,
.focus__subtitle ul li:before,
.focus__excerpt ul li:before,
.home-categories__cat__excerpt ul li:before,
.home-discover__text ul li:before,
.home-slider__slide__title ul li:before,
.home-slider__slide__subtitle ul li:before,
.popin__title ul li:before,
.popin__subtitle ul li:before,
.popin-review__text ul li:before,
.popin-review__infos ul li:before,
.product_container__match ul li:before,
.product__name ul li:before,
.product__version ul li:before,
.product-accessory_summary__title ul li:before,
.product-accessory_summary__id ul li:before,
.product-accessory_summary__price ul li:before,
.product-accessory__title ul li:before,
.product-accessory__price ul li:before,
.product-accessory__id ul li:before,
.product-configurator__title ul li:before,
.product-configurator__subtitle ul li:before,
.product-configurator__subsubtitle ul li:before,
.product-insurance__title ul li:before,
.product-insurance__subtitle ul li:before,
.product-intro__title ul li:before,
.product-intro__subtitle ul li:before,
.product-intro__text ul li:before,
.product-quote__title ul li:before,
.product-quote__quote ul li:before,
.range-banner__content ul li:before,
.range-summary__text ul li:before,
.accessory-summary__container .range-summary__text ul li:before,
.success_story-focus__main__title ul li:before,
.success_story-focus__more__title ul li:before,
.success_story-focus__main__excerpt ul li:before,
.success_story-focus__more__excerpt ul li:before,
.success_story-timeline__title ul li:before,
.success_story-timeline__subtitle ul li:before,
.success_story-timeline__filter_desktop ul li:before,
.success_story-timeline__filter_mobile select ul li:before,
.success_story-timeline__slider .slide__info__title ul li:before,
.success_story-timeline__slider .slide__info__text ul li:before,
.success_story-timeline__slider .slide__year ul li:before,
.success_story-timeline__slider .slide__title ul li:before,
.success_story-timeline__slider .slide__text ul li:before,
.success_story-timeline__slider .slide__fact ul li:before,
.whoweare-midslide__title ul li:before,
.whoweare-banner--half .banner__subtitle ul li:before,
.whoweare-banner__title ul li:before,
.whoweare-banner__subtitle ul li:before,
.header ul li:before,
.login__subtitle ul li:before,
.store_locator__list__count ul li:before,
.store_locator__list__count+.store_locator__list__gold-info ul li:before,
.which_scooter__title ul li:before,
.which_scooter__subtitle ul li:before,
.which_scooter__result ul li:before {
  content: '•';
  position: absolute;
  left: 0;
  font-size: 20px;
  font-size: 2rem;
}

.form_step {
  margin-bottom: 50px;
  margin-bottom: 5rem;
}

.title-main {
  padding: 50px 0;
  padding: 5rem 0;
  position: relative;
}

.title-main,
.title-main h1 {
  font-weight: 100;
  line-height: 1.2em !important;
}

.title-main b {
  font-weight: inherit;
  color: #00A3E0;
}

.title-main.small {
  padding-bottom: 0;
}

.title-main.mb {
  margin-bottom: 30px;
  margin-bottom: 3rem;
}

.title-main .step {
  float: right;
  font-size: 1em;
  text-transform: uppercase;
}

.title-main .step span {
  color: #adadad;
}

.title-main .step b {
  font-weight: inherit;
  color: #00A3E0;
}

.title-section {
  font-size: 20px;
  font-size: 2rem;
  background: #00A3E0;
  padding: 20px;
  padding: 2rem;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  display: none;
}

._toggle,
.focus_variant__title,
.focus__title,
.product-insurance__toggle,
.product-quote__toggle {
  position: relative;
  text-align: left;
}

._toggle:before,
.focus_variant__title:before,
.focus__title:before,
.product-insurance__toggle:before,
.product-quote__toggle:before {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.5em;
  font-size: 10px;
  font-size: 1rem;
  color: #00A3E0;
  display: none;
}

.color-blue {
  color: #00A3E0 !important;
}

.color-white,
.color-clear {
  color: #fff !important;
}

.color-black,
.color-dark {
  color: #000 !important;
}

.color-grey {
  color: #f0f0f0 !important;
}

.color-deep {
  color: #092437 !important;
}

.color-deep b {
  color: #00A3E0 !important;
}

.article__title {
  margin-top: 25px;
}

.article__title b {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4em;
}

.article__text {
  margin-top: 15px;
  letter-spacing: 0.1px;
  line-height: 1.8em;
  font-size: 11px;
}

.back {
  background: #00A3E0;
  color: #fff;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px;
  padding: 1rem;
  display: block;
}

.back:before {
  vertical-align: baseline;
  margin-right: 15px;
  margin-right: 1.5rem;
  font-size: 60%;
}

.burger {
  position: absolute;
  height: 100%;
  z-index: 1;
  box-sizing: initial;
  left: 0;
  top: 0;
  width: 22px;
  padding: 0 5%;
  display: none;
  transition: background;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: background;
}

.burger__link {
  z-index: 10;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.burger__icon {
  position: absolute;
  width: 22px;
  height: 2px;
  left: 50%;
  top: 50%;
  margin-left: -11px;
  margin-top: -1px;
  background-color: #fff;
}

.burger__icon,
.burger__icon:before,
.burger__icon:after {
  transition: opacity, -webkit-transform;
  transition: transform, opacity;
  transition: transform, opacity, -webkit-transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform, opacity;
}

.burger__icon:after,
.burger__icon:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  background-color: #fff;
}

.ui-menu-open .burger__icon:after,
.ui-menu-open .burger__icon:before {
  background: #fff;
}

.burger__icon:after {
  -webkit-transform: translateY(250%);
  -ms-transform: translateY(250%);
  transform: translateY(250%);
}

.burger__icon:before {
  -webkit-transform: translateY(-250%);
  -ms-transform: translateY(-250%);
  transform: translateY(-250%);
}

.ui-menu-open .burger__icon {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.ui-menu-open .burger__icon:after,
.ui-menu-open .burger__icon:before {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.ui-menu-open .burger__icon:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.ui-menu-open .burger__icon:after {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.color {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  cursor: pointer;
}

.color input {
  display: none;
}

.color span {
  padding: 10px;
  padding: 1rem;
  display: block;
  transition: background;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: background;
}

.color span:hover {
  background: #fff;
}

.color input:checked+span {
  background: #d6d6d7;
}

.color b {
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: top;
  border: 1px solid #fff;
  margin-right: 1em;
}

.color--inline {
  display: inline-block;
  position: relative;
  margin: 10px 0;
  margin: 1rem 0;
}

.color--inline:nth-child(6n+1) a {
  margin-left: 0;
  left: 0;
  text-align: left;
}

.color--inline:nth-child(6n) a {
  margin-left: 0;
  left: auto;
  right: 0;
  text-align: right;
}

.color--inline span {
  padding: 0;
  margin-right: 2px;
  margin-right: 0.2rem;
}

.color--inline span:before {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -5px;
  bottom: 100%;
  margin-bottom: 1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #ffffff transparent transparent transparent;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: opacity, -webkit-transform;
  transition: opacity, transform;
  transition: opacity, transform, -webkit-transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: opacity, transform;
  display: inline-block;
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
}

.color--inline b {
  margin-right: 0;
  width: 1.64em;
  border-color: rgba(255, 255, 255, 0.8);
  transition: border;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: border;
}

.color--inline a {
  position: absolute;
  margin-left: -50px;
  width: 100px;
  text-align: center;
  margin-top: 2px;
  pointer-events: none;
  left: 50%;
  display: inline-block;
  top: 100%;
  font-size: 12px;
  font-size: 1.2rem;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: opacity;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: opacity;
}

.color--inline input:checked+span:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.color--inline input:checked+span a {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.color--inline input:checked+span b {
  border-color: #fff;
}

.color--inline:hover span:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.color--inline:hover b {
  border-color: #fff;
}

.input {
  clear: both;
  position: relative;
}

.input+.input,
.input+.button,
.which_scooter .input+.input__radio__text {
  margin-top: 15px;
  margin-top: 1.5rem;
}

.input__pseudo_label {
  margin: 30px 0;
  margin: 3rem 0;
  display: inline-block;
  color: #adadad;
  font-style: italic;
}

*+.input--inline.input--radio,
.input--inline.input--radio+* {
  margin-top: 30px;
  margin-top: 3rem;
}

.input--inline+.input--submit,
.input--inline+.input--boolean_radio,
.input--inline+.input--range {
  margin-top: 40px;
  margin-top: 4rem;
}

.input--inline .input__label {
  margin-bottom: 3px;
  margin-bottom: 0.3rem;
}

.input--inline .input__tip {
  margin-bottom: 0;
}

.input--boolean_radio .input__label {
  color: #585858;
}

.input--submit {
  display: inline-block;
  position: relative;
}

.input--submit .icon,
.input--submit .button--location,
.input--submit .button--route,
.input--submit .button--send,
.input--submit .button--save,
.input--submit .button--try,
.input--submit .button--preview,
.input--submit .button--photo,
.input--submit .button--calculette,
.input--submit .button--info,
.input--submit ._toggle,
.input--submit .focus_variant__title,
.input--submit .focus__title,
.input--submit .product-insurance__toggle,
.input--submit .product-quote__toggle,
.input--submit .back,
.input--submit .input__tag.error+span,
.input--submit .input__tag.valid+span,
.input--submit .input__select,
.input--submit .input__rate a,
.input__rate .input--submit a,
.input--submit .quantity__arrows a:first-of-type,
.quantity__arrows .input--submit a:first-of-type,
.input--submit .quantity__arrows a:last-of-type,
.quantity__arrows .input--submit a:last-of-type,
.input--submit .share__link--facebook,
.input--submit .share__link--twitter,
.input--submit .share__link--mail,
.input--submit .tabs__link--return,
.input--submit .tabs__link--try,
.input--submit .account-config__delete,
.input--submit .account-configs .ui-slider__arrow--left,
.account-configs .input--submit .ui-slider__arrow--left,
.input--submit .comparator__toggle,
.input--submit .contact-others__media--mail,
.input--submit .contact-others__media--phone,
.input--submit .distributor .close,
.distributor .input--submit .close,
.input--submit .distributor__distance,
.input--submit input:checked~.distributor__distance,
.input--submit .faq .question__title,
.faq .input--submit .question__title,
.input--submit .ui-toggles .focus--video .focus__main .focus__title,
.ui-toggles .focus--video .focus__main .input--submit .focus__title,
.input--submit .focus__close,
.input--submit .ui-popin__close,
.input--submit .popin-review__user,
.input--submit .popin-review__rating a,
.popin-review__rating .input--submit a,
.input--submit .product_summary__remove,
.input--submit .product-configurator__select,
.input--submit .product-intro__slider .ui-slider__arrow--left,
.product-intro__slider .input--submit .ui-slider__arrow--left,
.input--submit .product-intro__slider .ui-slider__arrow--right,
.product-intro__slider .input--submit .ui-slider__arrow--right,
.input--submit .range-filters a,
.range-filters .input--submit a,
.input--submit .slider_product__slider .ui-slider__arrow--left,
.slider_product__slider .input--submit .ui-slider__arrow--left,
.input--submit .success_story-focus__slider .swiper-button-prev,
.success_story-focus__slider .input--submit .swiper-button-prev,
.input--submit .success_story-focus__slider .swiper-button-next,
.success_story-focus__slider .input--submit .swiper-button-next,
.input--submit .success_story-timeline__filter_mobile,
.input--submit .success_story-timeline__slider .slide__info__close,
.success_story-timeline__slider .input--submit .slide__info__close,
.input--submit .success_story-timeline__slider .swiper-button-prev,
.success_story-timeline__slider .input--submit .swiper-button-prev,
.input--submit .success_story-timeline__slider .swiper-button-next,
.success_story-timeline__slider .input--submit .swiper-button-next,
.input--submit .footer__contact,
.input--submit html[lang="it"] .footer__contact,
html[lang="it"] .input--submit .footer__contact,
.input--submit html[lang="de"] .footer__contact,
html[lang="de"] .input--submit .footer__contact,
.input--submit .header__link--range,
.input--submit .header__link--scooter,
.input--submit .header__link--advice,
.input--submit .header__link--pro,
.input--submit .header__link--who_we_are,
.input--submit .header__link--story,
.input--submit .header__link--test_drive,
.input--submit html[lang="it"] .header__link--test_drive,
html[lang="it"] .input--submit .header__link--test_drive,
.input--submit .header__link--resselers,
.input--submit .header__link--locations,
.input--submit .header__link--account,
.input--submit .header__link--values,
.input--submit .header__link--websites,
.input--submit .header__link--press,
.input--submit .header__link--jobs,
.input--submit .header__link--contact,
.input--submit .header__link--electric,
.input--submit .header__account,
.input--submit .header__contact,
.input--submit .header__network--facebook,
.input--submit .header__network--instagram,
.input--submit .header__network--youtube,
.input--submit .test_ride .stepback,
.test_ride .input--submit .stepback {
  background: #000000;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px 11px;
  padding: 1rem 1.1rem;
  display: inline-block;
  border: 1px solid #000000;
  box-sizing: unset;
}

.input--submit .icon+input,
.input--submit .button--location+input,
.input--submit .button--route+input,
.input--submit .button--send+input,
.input--submit .button--save+input,
.input--submit .button--try+input,
.input--submit .button--preview+input,
.input--submit .button--photo+input,
.input--submit .button--calculette+input,
.input--submit .button--info+input,
.input--submit ._toggle+input,
.input--submit .focus_variant__title+input,
.input--submit .focus__title+input,
.input--submit .product-insurance__toggle+input,
.input--submit .product-quote__toggle+input,
.input--submit .back+input,
.input--submit .input__tag.error+span+input,
.input--submit .input__tag.valid+span+input,
.input--submit .input__select+input,
.input--submit .input__rate a+input,
.input__rate .input--submit a+input,
.input--submit .quantity__arrows a:first-of-type+input,
.quantity__arrows .input--submit a:first-of-type+input,
.input--submit .quantity__arrows a:last-of-type+input,
.quantity__arrows .input--submit a:last-of-type+input,
.input--submit .share__link--facebook+input,
.input--submit .share__link--twitter+input,
.input--submit .share__link--mail+input,
.input--submit .tabs__link--return+input,
.input--submit .tabs__link--try+input,
.input--submit .account-config__delete+input,
.input--submit .account-configs .ui-slider__arrow--left+input,
.account-configs .input--submit .ui-slider__arrow--left+input,
.input--submit .comparator__toggle+input,
.input--submit .contact-others__media--mail+input,
.input--submit .contact-others__media--phone+input,
.input--submit .distributor .close+input,
.distributor .input--submit .close+input,
.input--submit .distributor__distance+input,
.input--submit input:checked~.distributor__distance+input,
.input--submit .faq .question__title+input,
.faq .input--submit .question__title+input,
.input--submit .ui-toggles .focus--video .focus__main .focus__title+input,
.ui-toggles .focus--video .focus__main .input--submit .focus__title+input,
.input--submit .focus__close+input,
.input--submit .ui-popin__close+input,
.input--submit .popin-review__user+input,
.input--submit .popin-review__rating a+input,
.popin-review__rating .input--submit a+input,
.input--submit .product_summary__remove+input,
.input--submit .product-configurator__select+input,
.input--submit .product-intro__slider .ui-slider__arrow--left+input,
.product-intro__slider .input--submit .ui-slider__arrow--left+input,
.input--submit .product-intro__slider .ui-slider__arrow--right+input,
.product-intro__slider .input--submit .ui-slider__arrow--right+input,
.input--submit .range-filters a+input,
.range-filters .input--submit a+input,
.input--submit .slider_product__slider .ui-slider__arrow--left+input,
.slider_product__slider .input--submit .ui-slider__arrow--left+input,
.input--submit .success_story-focus__slider .swiper-button-prev+input,
.success_story-focus__slider .input--submit .swiper-button-prev+input,
.input--submit .success_story-focus__slider .swiper-button-next+input,
.success_story-focus__slider .input--submit .swiper-button-next+input,
.input--submit .success_story-timeline__filter_mobile+input,
.input--submit .success_story-timeline__slider .slide__info__close+input,
.success_story-timeline__slider .input--submit .slide__info__close+input,
.input--submit .success_story-timeline__slider .swiper-button-prev+input,
.success_story-timeline__slider .input--submit .swiper-button-prev+input,
.input--submit .success_story-timeline__slider .swiper-button-next+input,
.success_story-timeline__slider .input--submit .swiper-button-next+input,
.input--submit .footer__contact+input,
.input--submit html[lang="it"] .footer__contact+input,
.input--submit html[lang="de"] .footer__contact+input,
.input--submit .header__link--range+input,
.input--submit .header__link--scooter+input,
.input--submit .header__link--advice+input,
.input--submit .header__link--pro+input,
.input--submit .header__link--who_we_are+input,
.input--submit .header__link--story+input,
.input--submit .header__link--test_drive+input,
.input--submit html[lang="it"] .header__link--test_drive+input,
.input--submit .header__link--resselers+input,
.input--submit .header__link--locations+input,
.input--submit .header__link--account+input,
.input--submit .header__link--values+input,
.input--submit .header__link--websites+input,
.input--submit .header__link--press+input,
.input--submit .header__link--jobs+input,
.input--submit .header__link--contact+input,
.input--submit .header__link--electric+input,
.input--submit .header__account+input,
.input--submit .header__contact+input,
.input--submit .header__network--facebook+input,
.input--submit .header__network--instagram+input,
.input--submit .header__network--youtube+input,
.input--submit .test_ride .stepback+input,
.test_ride .input--submit .stepback+input {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  padding: 0;
  width: 100%;
  opacity: 0.01;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  background: transparent;
}

.input--submit input:disabled {
  cursor: default;
}

.input .input--submit {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-top: 0;
  height: 100%;
  background: #000000;
}

hr+.input--submit,
.input--read_only+.input--submit {
  display: block;
  text-align: right;
}

hr+.input--submit.light,
.input--read_only+.input--submit.light {
  text-align: left;
}

.input--submit+.input--checkbox {
  margin-top: 40px;
  margin-top: 4rem;
}

.input--date .input__select {
  float: left;
  width: calc(50% - 3rem);
}

.input--date .input__select:first-of-type {
  width: 20%;
  margin-right: 15px;
  margin-right: 1.5rem;
}

.input--date .input__select:last-of-type {
  width: 30%;
  margin-left: 15px;
  margin-left: 1.5rem;
}

.input--read_only {
  padding: 30px 0;
  padding: 3rem 0;
  border-bottom: 1px solid #e2e1e5;
}

.input--read_only+.input--read_only {
  margin-top: 0;
}

.input--read_only:first-of-type {
  border-top: 1px solid #e2e1e5;
}

.input .inline-left {
  float: left;
  width: 210px;
  width: 21rem;
  padding-right: 30px;
  padding-right: 3rem;
}

.input .inline-right {
  float: right;
  width: calc(100% - 21rem);
}

.input__label {
  color: #00A3E0;
}

.input__label b {
  color: #24394d;
  font-weight: inherit;
}

.banner .input__label {
  color: #fff;
}

.input__text {
  position: relative;
}

.input__tip {
  color: #adadad;
}

.input__label,
.input__tag,
.input__tip {
  display: block;
}

.input__label,
.input__tip {
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

.input__tag {
  border: 1px solid #adadad;
  background-color: #fff;
  width: 100%;
  padding: 10px;
  padding: 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  font-size: 14px;
  font-size: 1.4rem;
  outline: none;
  transition: border;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: border;
}

.banner .input__tag {
  border: 0;
}

.input__tag.error {
  border-color: #e87373;
}

.input__tag.error+span {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  right: 14px;
  right: 1.4rem;
}

.input__tag.error+span:before {
  color: #e87373;
}

.input__tag.valid+span {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.input__tag.valid+span:before {
  color: #58c965;
}

.input__tag+span {
  position: absolute;
  right: 10px;
  right: 1rem;
  top: 17px;
  top: 1.7rem;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  font-size: 14px;
  font-size: 1.4rem;
  pointer-events: none;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  transition: opacity, -webkit-transform;
  transition: transform, opacity;
  transition: transform, opacity, -webkit-transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform, opacity;
}

.input__tag::-webkit-input-placeholder {
  color: #adadad;
}

.input__tag:-moz-placeholder {
  color: #adadad;
}

.input__tag::-moz-placeholder {
  color: #adadad;
}

.input__tag:-ms-input-placeholder {
  color: #adadad;
}

.input__select {
  position: relative;
}

.input__select:before {
  position: absolute;
  right: 10px;
  right: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 25px;
  width: 2.5rem;
  padding: 7.5px 0.5em;
  padding: 0.75rem 0.5em;
  background: #fff;
  color: #00A3E0;
  pointer-events: none;
}

.input__radio,
.input__checkbox {
  line-height: 200%;
}

.input__radio.block,
.input__checkbox.block {
  display: block;
}

.input__radio input[type='radio'],
.input__radio input[type='checkbox'],
.input__checkbox input[type='radio'],
.input__checkbox input[type='checkbox'] {
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: 0;
  visibility: hidden;
}

.input__radio__circle,
.input__radio__square,
.input__checkbox__circle,
.input__checkbox__square {
  background-color: #fff;
  border: 1px solid #adadad;
}

.input__radio__circle:before,
.input__radio__square:before,
.input__checkbox__circle:before,
.input__checkbox__square:before {
  content: '';
  position: absolute;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  transition: opacity, background, -webkit-transform;
  transition: opacity, transform, background;
  transition: opacity, transform, background, -webkit-transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: opacity, transform, background;
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
}

.input__radio__circle:before,
.input__checkbox__circle:before {
  border-radius: 50%;
}

.desktop .input__radio:hover .input__radio__circle:before,
.desktop .input__radio:hover .input__radio__square:before,
.desktop .input__checkbox:hover .input__radio__circle:before,
.desktop .input__checkbox:hover .input__radio__square:before,
.desktop .input__radio:hover .input__checkbox__circle:before,
.desktop .input__radio:hover .input__checkbox__square:before,
.desktop .input__checkbox:hover .input__checkbox__circle:before,
.desktop .input__checkbox:hover .input__checkbox__square:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  background-color: #e2e1e5;
}

input[type='radio']:checked+.input__radio__circle:before,
input[type='checkbox']:checked+.input__radio__square:before,
input[type='radio']:checked+.input__checkbox__circle:before,
input[type='checkbox']:checked+.input__checkbox__square:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  background-color: #00A3E0 !important;
}

.banner input[type='radio']:checked+.input__radio__circle:before,
.banner input[type='checkbox']:checked+.input__radio__square:before,
.banner input[type='radio']:checked+.input__checkbox__circle:before,
.banner input[type='checkbox']:checked+.input__checkbox__square:before {
  background-color: #fff !important;
}

.input__radio {
  position: relative;
}

.input__radio+.input__radio {
  margin-left: 20px;
  margin-left: 2rem;
}

.input__radio.block+.input__radio.block {
  margin-left: 0px;
  margin-left: 0rem;
  margin-top: 5px;
  margin-top: 0.5rem;
}

.input__radio__circle {
  position: relative;
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 100%;
  margin-right: 2px;
  margin-right: 0.2rem;
  top: 1px;
  top: 0.1rem;
}

.banner .input__radio__circle {
  border-color: #fff;
  background: transparent;
}

.input__radio__text {
  color: #24394d;
}

.banner .input__radio__text {
  color: #fff;
}

input[type='radio']:checked+.input__radio__circle:before {
  border-radius: 100%;
}

.input__checkbox {
  position: relative;
}

.range-grid__filter .input__checkbox {
  display: block;
}

.input__checkbox__square {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 0.1em;
  left: 0px !important;
}

input.error+.input__checkbox__square {
  border-color: #e87373;
}

input.error~.input__checkbox__text {
  color: #e87373;
}

input[disabled]+.input__checkbox__square,
input[disabled]~.input__checkbox__text {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

.input__checkbox__text {
  color: #7c7c7c;
  display: block;
  padding-left: 30px;
  text-align: left;
}

.input__rate {
  display: inline-block;
}

.input__rate a {
  color: #adadad;
  font-size: 20px;
  font-size: 2rem;
}

.input__rate a+a {
  margin-left: 0.2em;
}

.input__rate a.selected {
  color: #00A3E0;
}

.input__rate a.hover {
  color: #000000;
}

.input__file {
  position: relative;
}

.input__file__button,
.input__file__tip {
  display: inline-block;
}

.input__file__button {
  text-transform: uppercase;
  padding: 1em;
  background-color: #adadad;
  color: #fff;
  margin-right: 1em;
}

.input__file__tip {
  color: #adadad;
}

.input__file input[type='file'] {
  position: absolute;
  left: 0;
  opacity: 0.01;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  top: 0;
  height: 100%;
  width: 100%;
}

.input__file--uploaded .input__file__button,
.input__file--uploaded .mention,
.input__file--uploaded input[type='file'] {
  display: none;
}

.input__read_only i {
  color: #adadad;
  font-style: normal;
}

.input__range {
  background: #e2e1e5;
  height: 15px;
  height: 1.5rem;
  position: relative;
}

.input__range .ui-slider_input {
  height: 100%;
}

.input__range .ui-slider_input .ui-slider_input-range {
  background: #adadad;
}

.rangeMono .input__range .ui-slider_input .ui-slider_input-range+.ui-slider_input-handle {
  display: none;
}

.input__range .ui-slider_input .ui-slider_input-handle {
  border-width: 0 7px 11px;
  outline: none !important;
  border-style: solid;
  border-color: transparent transparent #00A3E0 transparent;
  top: 100%;
}

.input__range .min,
.input__range .max {
  position: absolute;
  width: 40px;
  width: 4rem;
  margin-left: -20px;
  margin-left: -2rem;
  text-align: center;
  display: inline-block;
  white-space: nowrap;
  bottom: 100%;
  margin-bottom: 6px;
  margin-bottom: 0.6rem;
  font-size: 14px;
  font-size: 1.4rem;
  color: #00A3E0;
}

.input__range .min:after,
.input__range .max:after {
  content: '€';
}

.rangeMono .input__range .min:after,
.rangeMono .input__range .max:after {
  content: '';
}

.input__radius {
  color: #fff;
  height: 20px;
  height: 2rem;
}

.input__radius .ui-slider_input {
  margin-top: 30px;
  margin-top: 3rem;
}

.input__radius .ui-slider_input-horizontal {
  height: 1px;
  background: #fff;
}

.input__radius .ui-slider_input-handle {
  border-style: solid;
  top: -8px;
  margin-left: -5px;
  border-width: 7px 6px 0 6px;
  outline: none !important;
  border-color: #fff transparent transparent transparent;
  cursor: ew-resize;
}

.input__radius .ui-slider_input-marks {
  position: absolute;
  left: 0;
  width: 100%;
  top: 100%;
}

.input__radius .ui-slider_input-marks span {
  float: left;
  width: 10%;
  display: block;
  height: 4px;
  border-left: 1px solid;
}

.input__radius .ui-slider_input-marks span:last-of-type {
  border-right: 1px solid;
}

.input__radius .ui-slider_input-steps {
  position: absolute;
  left: 0;
  width: 100%;
  top: 100%;
  margin-top: 8px;
  white-space: nowrap;
  margin-left: -0.5em;
  font-size: 12px;
  font-size: 1.2rem;
}

.input__radius .ui-slider_input-steps span {
  display: inline-block;
  cursor: pointer;
}

.input__radius .ui-slider_input-steps span:last-of-type {
  width: auto !important;
  margin-left: -0.5em;
}

.input__radius .ui-slider_input-steps span:first-of-type:before {
  content: '';
  width: 0.2em;
  display: inline-block;
}

.input__rate10 {
  color: #adadad;
  height: 20px;
  height: 2rem;
  width: 290px;
  width: 29rem;
}

.input__rate10 .ui-slider_input {
  margin-top: 30px;
  margin-top: 3rem;
  margin-bottom: 40px;
  margin-bottom: 4rem;
}

.input__rate10 .ui-slider_input-horizontal {
  height: 7px;
  background: #ececee;
}

.input__rate10 .ui-slider_input-handle {
  border-style: solid;
  top: 6px;
  margin-left: -6px;
  border-width: 0 6px 10px 6px;
  outline: none !important;
  border-color: transparent transparent #00A3E0 transparent;
  cursor: ew-resize;
}

.input__rate10 .ui-slider_input-marks {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
}

.input__rate10 .ui-slider_input-marks span {
  float: left;
  width: 10%;
  display: block;
  height: 7px;
  border-left: 1px solid #adadad;
}

.input__rate10 .ui-slider_input-marks span:last-of-type {
  border-right: 1px solid;
}

.input__rate10 .ui-slider_input-steps {
  position: absolute;
  left: 0;
  width: 100%;
  top: -15px;
  margin-top: 0px;
  white-space: nowrap;
  margin-left: -0.2em;
  font-size: 11px;
  font-size: 1.1rem;
}

.input__rate10 .ui-slider_input-steps span {
  display: inline-block;
  cursor: pointer;
}

.input__rate10 .ui-slider_input-steps span:last-of-type {
  width: auto !important;
  margin-left: -0.5em;
}

.input__rate10 .ui-slider_input-steps span:first-of-type:before {
  content: '';
  width: 0.2em;
  display: inline-block;
}

.input__rate10 .ui-slider_input-steps span.active {
  color: #00A3E0;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
}

.input__rate10.rangedisabled .ui-slider_input-handle {
  border-color: transparent transparent #adadad transparent;
}

.input__rate10.rangedisabled .ui-slider_input-steps span.active {
  color: #adadad;
}

label.input__checkbox {
  display: inline-block;
}

#mirrorcaptchaWhichScooter,
#mirrorcaptchaContact,
#mirrorcaptchaCreate {
  font-size: 0;
  line-height: 0;
  height: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#mirrorcaptchaWhichScooter-error,
#mirrorcaptchaContact-error,
#mirrorcaptchaCreate-error {
  display: none;
}

#iAmNotARobotWhichScooter.error>div,
#iAmNotARobotContact.error>div,
#iAmNotARobotCreate.error>div {
  border: 1px solid red;
}

.mention {
  margin: 30px 0;
  margin: 3rem 0;
  clear: both;
  color: #adadad;
}

.mention a {
  transition: background, border, color;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: background, border, color;
  text-decoration: underline;
}

.mention a:hover {
  color: #00A3E0;
}

.price {
  text-align: right;
  margin-top: 3px;
  font-size: 16px;
  font-size: 1.6rem;
}

.price--regular {
  margin-top: 20px;
  margin-top: 2rem;
}

.price.extra-cost {
  font-size: 12px;
  font-size: 1.2rem;
}

.price.extra-cost b {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 10px 20px;
  padding: 1rem 2rem;
}

.price b {
  background: #000000;
  display: inline-block;
  vertical-align: middle;
  padding: 12.5px 30px;
  padding: 1.25rem 3rem;
  font-size: 26px;
  font-size: 2.6rem;
  color: #fff;
  font-weight: 100;
  margin-left: 9px;
  margin-left: 0.9rem;
  font-weight: 300;
}

.price b:after {
  /* content: '€';
      margin-left: 0.2em; */
}

.price.monthly-paiement .button,
.price.monthly-paiement .which_scooter .input__radio__text,
.which_scooter .price.monthly-paiement .input__radio__text {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 100;
  padding: 12.5px 30px 12.5px 20px;
  padding: 1.25rem 3rem 1.25rem 2rem;
  margin-left: 9px;
  margin-left: 0.9rem;
  vertical-align: middle;
}

.price--large b {
  text-align: center;
}

.progress_bar {
  height: 23px;
  height: 2.3rem;
  background-color: #e2e1e5;
  position: relative;
}

.progress_bar__progress {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #00A3E0;
  color: #fff;
  text-align: right;
  font-size: 0.7em;
  line-height: 23px;
  line-height: 2.3rem;
  padding-right: 0.5em;
  font-weight: 300;
}

.progress_circle {
  width: 130px;
  width: 13rem;
  height: auto;
  position: relative;
  margin: auto;
}

.progress_circle circle {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

.progress_circle__bg {
  stroke: #e2e1e5;
  stroke-width: 16px;
}

.progress_circle__fill {
  stroke: #00A3E0;
  stroke-width: 17px;
  -webkit-animation: stroke-dashoffset 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: stroke-dashoffset 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.progress_circle__value {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 21px;
  font-size: 2.6rem;
  color: #00A3E0;
  letter-spacing: -0.05em;
}

.quantity {
  position: absolute;
  height: 30px;
  height: 3rem;
  bottom: 10px;
  bottom: 1rem;
  right: 12px;
  right: 1.2rem;
}

.quantity__title {
  position: absolute;
  right: calc(100% + 1em);
  top: calc(50% - 0.5em);
  color: #adadad;
}

.quantity__select {
  height: 100%;
  font-size: 0;
}

.quantity__number,
.quantity__arrows {
  width: 22px;
  width: 2.2rem;
  height: 100%;
  float: left;
  position: relative;
}

.quantity__number {
  background-color: #e2e1e5;
  color: #7c7c7c;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
  padding-top: calc(50% - 0.5em);
  line-height: 0;
}

.quantity__arrows {
  background-color: #5a626f;
}

.quantity__arrows a {
  position: absolute;
  left: calc(50% - 0.5em);
  color: #fff;
  font-size: 11px;
  font-size: 1.1rem;
}

.quantity__arrows a:first-of-type {
  top: 0.4em;
}

.quantity__arrows a:last-of-type {
  bottom: 0.4em;
}

.reviews {
  top: 0;
  position: absolute;
  z-index: 10;
  right: 50%;
}

.reviews__box,
.reviews__item {
  display: block;
  padding: 0.7em 1em;
}

.reviews__box {
  background-color: #00A3E0;
  color: #fff;
  position: relative;
}

.reviews__box:after {
  position: absolute;
  right: 10px;
  right: 1rem;
  display: inline-block;
  top: calc(50% - 0.3em);
  font-size: 0.6em;
  transition: -webkit-transform;
  transition: transform;
  transition: transform, -webkit-transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}

.reviews--open .reviews__box:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.reviews__drop {
  position: relative;
  z-index: -1;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  transition: opacity, -webkit-transform;
  transition: transform, opacity;
  transition: transform, opacity, -webkit-transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform, opacity;
}

.reviews--open .reviews__drop {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.reviews__item {
  background-color: #ececee;
}

.reviews__item+.reviews__item {
  border-top: 1px solid #adadad;
}

.share {
  bottom: 1px;
  left: 1px;
  position: absolute;
  z-index: 10;
}

.share__link {
  width: 40px;
  width: 4rem;
  height: 40px;
  height: 4rem;
  position: relative;
  display: block;
  background-color: #ececee;
  transition: background, color;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: background, color;
}

.share__link+.share__link {
  margin-top: 1px;
}

.share__link:before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  line-height: 100%;
  font-size: 1.5em;
}

.desktop .share__link:hover {
  color: #fff;
}

.desktop .share__link--facebook:hover {
  background: #3b5998;
}

.desktop .share__link--twitter:hover {
  background: #00aced;
}

.desktop .share__link--mail:hover {
  background: #000000;
}

.special_offer {
  display: inline-block;
  padding: 25px 15px 15px;
  border: 1px solid #97055e;
  text-align: center;
  position: relative;
  max-width: 230px;
  margin-top: 20px;
}

.special_offer__title {
  padding-top: 5.5px;
  padding-bottom: 7px;
  background-color: #97055e;
  color: #fff;
  position: absolute;
  width: 80%;
  left: 10%;
  top: -1em;
}

.special_offer__subtitle {
  color: #97055e;
  font-size: 10.5px;
  line-height: 16.8px
}

.special_offer__date {
  margin-top: 0.5em;
  color: #7c7c7c;
}

.step {
  position: relative;
  display: inline-block;
  cursor: default;
}

.mintpl-test_ride_survey__breadcrumb .step {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex: 0;
  -ms-flex: 0;
  flex: 0;
}

.step__number {
  width: 30px;
  height: 30px;
  line-height: 29px;
  font-size: 14px;
  color: #000;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #000;
}

.mintpl-test_ride_survey__breadcrumb .step__number {
  width: 9px;
  width: 0.9rem;
  height: 9px;
  height: 0.9rem;
  background-color: #d6d6d7;
  border: 0;
}

.step.active .step__number {
  background: #00A3E0;
  color: #fff;
}

.mintpl-test_ride_survey__breadcrumb .step.active .step__number {
  background-color: #00A3E0;
}

.step__answer {
  display: none;
  position: absolute;
  left: -50%;
  width: 200%;
  text-align: center;
  top: 100%;
  margin-top: 10px;
  margin-top: 1rem;
}

[lang=de] .step__answer,
[lang=de_AT] .step__answer {
  font-size: 9px;
}

.step+.step {
  margin-left: 90px;
}

.mintpl-test_ride_survey__breadcrumb .step+.step {
  -webkit-flex: 1 0 0;
  -ms-flex: 1 0 0px;
  flex: 1 0 0;
  margin-left: 0;
}

.mintpl-test_ride_survey__breadcrumb .step+.step.active:before {
  background: #00A3E0;
}

.step+.step:before {
  position: absolute;
  right: 100%;
  width: 91px;
  height: 1px;
  background: #000;
  top: 16px;
  content: '';
  margin-top: -2px;
}

.mintpl-test_ride_survey__breadcrumb .step+.step:before {
  position: static;
  margin: auto;
  width: 1em;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 2px;
  background: #d6d6d7;
}

.tabs {
  position: relative;
  background-color: #ECECEE;
  color: #fff;
  font-size: 0;
  text-align: center;
  height: 50px;
  height: 5rem;
  transition: box-shadow;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: box-shadow;
  z-index: 1;
}

.tabs+section {
  position: relative;
  z-index: 0;
}

.tabs.top-reached {
  position: fixed;
  left: 0;
  width: 100%;
  top: 49px;
  z-index: 99;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

.tabs.top-reached~.ui-tab {
  margin-top: 50px;
  margin-top: 5rem;
}

.tabs.top-reached+* {
  margin-top: 50px;
  margin-top: 5rem;
}

.tabs .container {
  display: table;
  height: 100%;
  width: 100%;
}

.tabs--filter select {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.01;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  z-index: 9;
  width: 100%;
}

.tabs.ui-tabs .container,
.tabs--filter .container {
  table-layout: fixed;
}

.tabs.ui-tabs .container .tabs__link,
.tabs--filter .container .tabs__link {
  width: 100%;
}

.tabs__link {
  width: auto;
  border: 0 solid;
  text-transform: uppercase;
  position: relative;
  transition: color, background, border;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: color, background, border;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  padding: 5px 10px;
  padding: 0.5rem 1rem;
  color: #787B80;
}

.tabs__link:hover {
  color: #000;
}

.tabs__link:after {
  content: '';
  position: absolute;
  bottom: -1px;
  height: 0;
  background: #00A3E0;
  left: 0;
  right: 0;
  display: block;
  transition: height .25s;
}

.desktop .tabs__link:hover {
  color: #000;
}

.tabs__link+.tabs__link {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}

.tabs__link.ui-tabs--active+.tabs__link,
.tabs__link--active+.tabs__link {
  border-left-color: transparent !important;
}

.tabs__link--return:before {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-right: 1rem;
  font-size: 0.8em;
  margin-top: -2px;
}

.tabs__link--try {
  background-color: #00A3E0;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
}

.desktop .tabs__link--try:hover {
  background: #000;
  color: #fff;
}

.tabs__link--try:before {
  font-size: 2.1em;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-right: 1rem;
}

.tabs__link--promo,
.tabs__link--accessories {
  border: 0 !important;
}

.desktop .tabs__link--promo:hover,
.desktop .tabs__link--accessories:hover {
  color: rgba(255, 255, 255, 0.6);
}

.tabs__link--promo {
  background-color: #97055e;
  color: #fff;
}

.tabs__link--accessories {
  background-color: #000000;
  color: #fff;
}
.tabs__link--accessories.tabs__link--active,
.tabs__link--accessories:hover {
  background-color: #00A3E0;
  color: #fff !important;
}

.tabs__link.ui-tabs--active,
.tabs__link--active {
  color: #000 !important;
}

.tabs__link:hover:after,
.tabs__link.ui-tabs--active:after,
.tabs__link--active:after {
  height: 3px;
}

@media screen and (max-width: 767px) {
  .account .tabs__link.ui-tabs--active,
  .account .tabs__link--active {
    color: #fff !important;
  }
}

.product-intro+.tabs .container,
.accessory-intro+.tabs .container {
  max-width: none;
}

.product-intro+.tabs .tabs__link {
  padding: 0 20px;
  padding: 0 2rem;
}

.product-intro+.tabs .tabs__link--try {
  padding: 0;
}

.product-configurator .tabs {
  background: #ECECEE;
}

.desktop .product-configurator .tabs__link:hover,
.product-configurator .tabs__link.ui-tabs--active {
  color: #000;
}

.accessory-intro+.tabs .tabs__link {
  width: 160px;
  width: 16rem;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
}

.banners+.tabs .tabs__link--active,
.banners+.tabs .ui-tabs--active,
.banner+.tabs .tabs__link--active,
.banner+.tabs .ui-tabs--active {
  border-top: 0;
}

.tabs#account .ui-tab--active:first-of-type,
.tabs#account+* {
  background-color: #ececee;
}

.ui-tab {
  -webkit-animation: fade-in 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fade-in 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.tab-more {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.tab-more:before,
.tab-more:after {
  content: '';
  position: absolute;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #fff;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition: border;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: border;
  width: 10px;
  height: 10px;
}

.tab-more:before {
  top: 9px;
}

.tab-more:after {
  top: 13px;
}

.tab-more:hover:before,
.tab-more:hover:after {
  border-right-color: #00A3E0;
  border-bottom-color: #00A3E0;
}

.extratabs {
  width: auto;
  border: 0 solid;
  text-transform: uppercase;
  position: relative;
  transition: color, background, border;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: color, background, border;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}

.tabs__link+.extratabs {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}

.tabs__link+.extratabs .tabs__link-plus:before {
  border-right-color: #1ea3e0;
  border-bottom-color: #1ea3e0;
}

.extratabslist {
  position: absolute;
  background-color: #1ea3e0;
  color: #fff;
  font-size: 0;
  text-align: center;
  transition: box-shadow;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: box-shadow;
  top: 100%;
  right: 0;
  display: none;
}

.extratabs-item {
  display: block;
  height: 50px;
  height: 5rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 60px;
  padding: 0 6rem;
  border: 0 solid;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  width: auto;
  text-transform: uppercase;
  transition: color, background, border;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: color, background, border;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 13px;
  line-height: 1.4em;
}

.extratabs-item:hover {
  color: #00A3E0;
  background: #ffffff;
}

.ui-slider__pagination {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 10;
}

.ui-slider__pagination a {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 100%;
  margin: 0 6px;
  background-color: #e2e1e5;
}

.ui-slider__pagination a.active {
  background-color: #00A3E0;
}

.upload_image {
  margin-top: 15px;
  margin-top: 1.5rem;
}

.upload_image__buttons {
  float: right;
  width: calc(100% - 21rem);
}

.upload_image__buttons .button,
.upload_image__buttons .which_scooter .input__radio__text,
.which_scooter .upload_image__buttons .input__radio__text {
  float: left;
  color: #fff;
  background: #adadad;
}

.desktop .upload_image__buttons .button:hover,
.desktop .upload_image__buttons .which_scooter .input__radio__text:hover,
.which_scooter .desktop .upload_image__buttons .input__radio__text:hover {
  background: #878787;
}

.upload_image__buttons .button+.button,
.upload_image__buttons .which_scooter .input__radio__text+.button,
.which_scooter .upload_image__buttons .input__radio__text+.button,
.upload_image__buttons .which_scooter .button+.input__radio__text,
.which_scooter .upload_image__buttons .button+.input__radio__text,
.upload_image__buttons .which_scooter .input__radio__text+.input__radio__text,
.which_scooter .upload_image__buttons .input__radio__text+.input__radio__text {
  float: right;
  margin-left: 0;
}

.accessory-intro {
  height: 500px;
  height: 50rem;
}

.accessory-intro__image,
.accessory-intro__content {
  width: 50%;
  height: 100%;
  float: left;
}

.accessory-intro__image {
  background: url("") no-repeat center/cover;
}

.accessory-intro__content {
  text-align: center;
}

.accessory-intro__content>.valign {
  width: 90%;
  max-width: 500px;
  max-width: 50rem;
}

.accessory-intro__content__title,
.accessory-intro__content__text,
.accessory-intro__content__price {
  margin-top: 40px;
  margin-top: 4rem;
}

.accessory-intro__content__type {
  text-transform: uppercase;
  color: #00A3E0;
}

.accessory-intro__content__title {
  font-weight: 100;
}

.accessory-intro__content__price {
  color: #00A3E0;
  font-weight: 100;
}

.accessory-intro__content__price small {
  font-size: 0.3em;
  font-weight: 400;
  bottom: 1.5em;
  margin-left: 0.5em;
}

.account-block {
  padding: 30px;
  padding: 3rem;
  background-color: #fff;
  position: relative;
  margin-bottom: 20px;
  margin-bottom: 2rem;
  width: calc(100% - 1rem);
}

.g-col--1_2+.g-col--1_2 .account-block {
  margin-left: 10px;
  margin-left: 1rem;
}

.account-block>* {
  font-weight: 300;
}

.account-block > a {
  margin-left: 0;
  display: inline-flex;
}

.account-block--negative {
  background-color: #000000;
}

.account-block--negative,
.account-block--negative>* {
  color: #fff;
}

.account-block--negative .account-block__model,
.account-block--negative .account-block__displacement {
  color: #00A3E0;
}

.account-block--scooter-guarantee .account-block__title span {
  color: #00A3E0;
}

.account-block__name {
  font-size: 38px;
  font-size: 3.8rem;
  color: #00A3E0;
}

.account-block__title,
.account-block__model {
  text-transform: uppercase;
  max-width: 70%;
  font-weight: 400;
}

.account-block__adress {
  margin-top: 15px;
  margin-top: 2rem;
  color: black;
  font-size: 13px;
  line-height: 1.7em;
}

.account-block__model {
  font-size: 30px;
  font-size: 3rem;
  margin-top: 30px;
  margin-top: 3rem;
}

.account-block__subtitle {
  font-size: 24px;
  font-size: 2.4rem;
  margin-top: 8px;
  margin-top: 0.8rem;
  max-width: 70%;
}

.account-block__saved {
  position: relative;
  min-height: 74px;
}

.account-block__saved span:nth-of-type(1),
.account-block__saved span:nth-of-type(3) {
  color: #00A3E0;
  display: block;
}

.account-block__saved span:nth-of-type(1) {
  font-size: 64px;
  font-size: 6.4rem;
  position: absolute;
  left: 0;
  bottom: -4px;
  bottom: -0.4rem;
}

.account-block__saved span:nth-of-type(2),
.account-block__saved span:nth-of-type(3) {
  margin-left: 44px;
  margin-left: 5.5rem;
}

.account-block__saved span:nth-of-type(2) {
  font-size: 20px;
  font-size: 2rem;
  margin: 0;
  text-transform: uppercase;
  font-weight: 400;
}

.account-block__saved span:nth-of-type(3) {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 300;
  line-height: 1.2em;
  margin-top: 10px;
  display: flex;
  min-height: 47px;
  align-items: center;
}

.account-block .promotion,
.account-block .banner {
  margin-top: 20px;
  margin-top: 2rem;
  width: 100%;
  height: 260px;
  height: 26rem;
}

.account-block .banner {
  float: left;
}

.account-block .banner__title {
  font-size: 24px;
  font-size: 2.4rem;
}

.account-block .banner .button--link,
.account-block .banner .distributor__services_link,
.account-block .banner .distributor__minisite_link {
  margin: 20px 0 0 0;
  margin: 2rem 0 0 0;
  font-weight: 400;
}

.account-block .progress_circle {
  position: absolute;
  right: 30px;
  right: 3rem;
  top: 50%;
  margin-top: -65px;
  margin-top: -6.5rem;
}

.account-block .button--main,
.account-block .button--main--promo,
.account-block .button--send,
.account-block .button--save,
.account-block .button--try,
.account-block .button--calculette,
.account-block .button--info {
  margin-top: 30px;
  margin-top: 3rem;
  font-weight: 600;
}

.account-config {
  width: 33.33%;
  float: left;
}

.account-config__block {
  padding-bottom: 10px;
}

.account-config .ui-sizer {
  background-size: contain;
}

.account-config__delete {
  color: #adadad;
  position: relative;
  text-align: right;
  display: block;
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
  padding-right: 45px;
  padding-right: 4.5rem;
}

.account-config__delete:after,
.account-config__delete:before {
  position: absolute;
  top: calc(50% - 0.5em);
}

.account-config__delete:after {
  content: '';
  right: 0;
  top: -6px;
  top: -0.6rem;
  height: 30px;
  height: 3rem;
  width: 30px;
  width: 3rem;
  margin-left: 5px;
  margin-left: 0.5rem;
  background-color: #e2e1e5;
  font-size: 30px;
  font-size: 3rem;
}

.account-config__delete:before {
  color: #fff;
  right: calc(1.5rem - 0.5em);
  z-index: 1;
}

.account-config__name,
.account-config__range {
  font-weight: 100;
}

.account-config__name {
  text-transform: uppercase;
  margin-top: 30px;
  margin-top: 3rem;
}

.account-config__range {
  margin-top: 5px;
  margin-top: 0.5rem;
}

.account-config__category {
  text-transform: uppercase;
  color: #00A3E0;
  padding-top: 40px;
  padding-top: 4rem;
}

.account-config__text__price {
  float: right;
  font-weight: 400;
  color: #7c7c7c;
}

.account-config__color {
  display: inline-block;
  width: 30px;
  width: 3rem;
  height: 30px;
  height: 3rem;
  vertical-align: middle;
}

.account-config__color+.account-config__text {
  display: inline-block;
  width: calc(100% - 4.5rem - 3px);
  vertical-align: middle;
  margin-left: 15px;
  margin-left: 1.5rem;
}

.account-config__accessory {
  padding: 20px 0;
  padding: 2rem 0;
}

hr+.account-config__accessory {
  padding-top: 0;
}

.account-config__accessory__ref {
  text-transform: uppercase;
  color: #adadad;
  margin-top: 10px;
  margin-top: 1rem;
}

.account-config__accessory__price {
  color: #00A3E0;
  text-align: right;
  margin-top: 6px;
}

.account-config .price {
  padding-top: 30px;
  padding-top: 3rem;
  border-top: 1px solid #e2e1e5;
}

.account-config .button,
.account-config .which_scooter .input__radio__text,
.which_scooter .account-config .input__radio__text {
  margin-top: 50px;
  margin-top: 5rem;
}

.account-config .button--main,
.account-config .button--main--promo,
.account-config .button--send,
.account-config .button--save,
.account-config .button--try,
.account-config .button--calculette,
.account-config .button--info {
  margin-top: 20px;
  margin-top: 2rem;
}

.account-configs .ui-slider .ui-slider__slide {
  position: relative;
}

.account-configs .ui-slider__arrows {
  font-size: 25px;
  font-size: 2.5rem;
  font-size: 20px;
  font-size: 2rem;
  position: relative;
  top: -30px;
  top: -3rem;
}

.account-configs .ui-slider__arrow {
  color: #adadad;
  transition: color;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: color;
}

.account-configs .ui-slider__arrow:hover {
  color: #00A3E0;
}

.account-configs .ui-slider__arrow--left {
  left: 20px;
  left: 2rem;
}

.account-configs .ui-slider__arrow--left span {
  left: 24px;
  left: 2.4rem;
}

.account-configs .ui-slider__arrow--right {
  right: 20px;
  right: 2rem;
}

.account-configs .ui-slider__arrow--right span {
  right: 24px;
  right: 2.4rem;
}

.account-configs .ui-slider__arrow span {
  font-size: 15px;
  font-size: 1.5rem;
  position: absolute;
  display: block;
  width: auto;
  white-space: nowrap;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.account-configs .account-config {
  padding: 0 25px 25px 25px;
  padding: 0 2.5rem 2.5rem 2.5rem;
}

.account-configs .account-config:empty {
  display: none;
}

.account-configs hr {
  /* width: calc(100% + 5rem); */
  width: 100%;
}

.account-configs hr:first-of-type {
  margin-top: 0;
}

html[lang="vi"] .container.account-configs,
html[lang="vi2"] .container.account-configs {
  padding-bottom: 60px;
}

.banner {
  height: 500px;
  height: 50rem;
  position: relative;
  text-align: center;
  overflow: hidden;
  padding: 50px 0;
}

.banner.ui-fit:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #00A3E0;
  opacity: 0.85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  z-index: 1;
}

.banner.ui-fit .ui-fit__cover {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.banner--half {
  width: 50%;
  height: 400px;
  height: 40rem;
  float: left;
}

.banner--left .valign {
  width: 55%;
  margin-left: 0;
}

.banner--right .valign {
  width: 55%;
  margin-right: 0;
}

.banner--clear .banner__title,
.banner--clear .banner__subtitle,
.banner--clear .button--link,
.banner--clear .distributor__services_link,
.banner--clear .distributor__minisite_link {
  color: #24394d !important;
}

.banner--clear.ui-fit:after {
  background: #fff;
}

.banner--dark.ui-fit:after {
  background: #000000;
}

.banner--no_filter.ui-fit:after {
  background: #000;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

.banner--transparent.ui-fit:after {
  background: #000;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.banner .valign {
  position: relative;
  z-index: 2;
}

.banner__title,
.banner__subtitle,
.banner .button--link,
.banner .distributor__services_link,
.banner .distributor__minisite_link,
.banner__text {
  color: #fff;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-weight: 300;
}

.desktop .banner .button--link:hover,
.desktop .banner .distributor__services_link:hover,
.desktop .banner .distributor__minisite_link:hover {
  color: #eee;
}

.banner__title {
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.banner__title b {
  font-weight: inherit;
}

.banner__image {
  display: block;
  margin: 0 auto;
  max-width: 80%;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.banner__text {
  font-size: 30px;
  font-size: 3rem;
  margin: 20px auto;
  margin: 2rem auto;
  font-weight: 100;
  max-width: 400px;
  max-width: 40rem;
  margin-top: 40px;
  margin-top: 4rem;
}

.banner__subtitle {
  max-width: 510px;
  line-height: 1.5em;
}

.banner .button--link,
.banner .distributor__services_link,
.banner .distributor__minisite_link {
  margin-top: 50px;
  margin-top: 5rem;
}

.banner__content {
  max-width: 500px;
  max-width: 50rem;
  width: 90%;
  margin: auto;
  margin-top: 80px;
  margin-top: 8rem;
  text-align: left;
}

.banner__content:empty {
  display: none;
}

.banner__content .g-col {
  padding: 20px;
  padding: 2rem;
}

.banner__content .g-col:first-of-type {
  padding-left: 0;
}

.banner__content .g-col:last-of-type {
  padding-right: 0;
}

.header+.banner {
  margin-top: -1px;
  padding-top: 1px;
}

.lame-height-mobile-exception .banner__subtitle {
  line-height: 1.2;
}

.banners {
  height: 400px;
  height: 40rem;
  position: relative;
}

.banners>* {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.calculator__lame .focus__main {
  text-align: center;
}

.calculator__lame .focus__main .focus__title {
  display: none;
}

.calculator__lame .focus__main .focus__title-image {
  text-align: center;
}

.calculator__lame .focus__main .focus__excerpt {
  margin-top: 0;
  text-align: center;
}

.calculator__lame .valign {
  float: right;
}

.calculator__lame .focus__more {
  text-align: center;
}

.calculator__lame .focus__more .focus__title-image {
  text-align: center;
}

.calculator__lame .focus__more .focus__excerpt {
  padding-bottom: 0;
  text-align: center;
}

.calculator__lame .valign__middle>* {
  margin: 0 auto;
}

.comparator {
  height: 260px;
  height: 26rem;
  width: 340px;
  width: 34rem;
  right: 0;
  z-index: 100;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  text-align: center;
  top: 50%;
  margin-top: -130px;
  margin-top: -13rem;
  position: fixed;
  background-color: #ececee;
  transition: -webkit-transform;
  transition: transform;
  transition: transform, -webkit-transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}

.comparator--visible {
  -webkit-transform: translateX(29.3rem);
  -ms-transform: translateX(29.3rem);
  transform: translateX(29.3rem);
}

.desktop .comparator--visible:hover {
  -webkit-transform: translateX(29rem);
  -ms-transform: translateX(29rem);
  transform: translateX(29rem);
}

.comparator--active {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}

.comparator__side {
  width: 50px;
  width: 5rem;
  height: 100%;
  float: left;
  cursor: pointer;
  background-color: #00A3E0;
  color: #fff;
  position: relative;
}

.comparator__toggle {
  display: block;
  height: 50px;
  height: 5rem;
  width: 100%;
  background-color: #00A3E0;
  color: #fff;
  position: relative;
}

.comparator__toggle:before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  line-height: 100%;
  font-size: 15px;
  font-size: 1.5rem;
  display: inline-block;
  transition: -webkit-transform;
  transition: transform;
  transition: transform, -webkit-transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}

.comparator--active .comparator__toggle:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.comparator__title,
.comparator__number {
  position: absolute;
}

.comparator__title {
  bottom: 50px;
  bottom: 5rem;
  text-transform: uppercase;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
  left: 50%;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

[lang=de] .comparator__title,
[lang=de_AT] .comparator__title {
  font-size: 14px;
  font-size: 1.4rem;
}

.comparator__number {
  left: calc(50% - 0.5em);
  bottom: 20px;
  bottom: 2rem;
}

.comparator__content {
  width: 290px;
  width: 29rem;
  float: right;
  text-align: center;
  padding-top: 30px;
  padding-top: 3rem;
}

.comparator .button,
.comparator .which_scooter .input__radio__text,
.which_scooter .comparator .input__radio__text {
  margin-top: 20px;
  margin-top: 2rem;
}

.compare-product {
  padding-right: 140px;
  padding-right: 14rem;
}

.compare-product hr {
  width: calc(100% + 14rem);
  position: relative;
}

.compare-product .ui-sizer {
  background-size: contain;
}

.compare-product__name,
.compare-product__version {
  font-weight: 100;
}

.compare-product__name {
  text-transform: uppercase;
  margin-top: 30px;
  margin-top: 3rem;
}

.compare-product__version {
  margin-top: 5px;
  margin-top: 0.5rem;
}

.compare-product__price {
  font-size: 30px;
  font-size: 3rem;
  margin-top: 15px;
  margin-top: 1.5rem;
  color: #adadad;
}

.compare-product__price small {
  font-size: 0.4em;
  position: relative;
}

.compare-product__price small:first-of-type {
  display: block;
}

.compare-product__price small:last-of-type {
  font-size: 0.4em;
  bottom: 1em;
  margin-left: 0.3em;
}

.compare-product__category {
  text-transform: uppercase;
  color: #00A3E0;
  margin-top: 50px;
  margin-top: 5rem;
}

.compare-product__color_pick {
  display: inline-block;
  width: 30px;
  width: 3rem;
  height: 30px;
  height: 3rem;
}

.compare-product__color_pick+.compare-product__color_pick {
  margin-left: 15px;
  margin-left: 1.5rem;
}

.compare-product p+ul,
.compare-product p+p,
.compare-product ul+ul,
.compare-product ul+p {
  margin-top: 30px;
  margin-top: 3rem;
}

.compare-product li {
  line-height: 100%;
  display: inline-block;
}

.compare-product li+li {
  margin-top: 8px;
  margin-top: 0.8rem;
}

.compare-product+.compare-product .compare-product__category {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.contact-others {
  margin-top: 40px;
  margin-top: 4rem;
  background-color: #ececee;
  padding: 50px 0;
  padding: 5rem 0;
}

.contact-others__title {
  text-transform: uppercase;
  text-align: center;
}

.contact-others__media {
  margin-bottom: 40px;
  margin-bottom: 4rem;
  position: relative;
  font-weight: 300;
  color: #000;
}

.contact-others__media:before {
  position: absolute;
  top: calc(50% - 0.5em);
  font-size: 2em;
  color: #00A3E0;
}

.contact-others__media--mail {
  padding-right: 2.5em;
}

.contact-others__media--mail:before {
  right: 0;
}

.contact-others__media--phone {
  padding-left: 2.5em;
}

.contact-others__media--phone:before {
  left: 0;
}

.contact-others__media--email {
  padding-left: 50px;
}

.contact-others__media--email .contact-others__icon {
  position: absolute;
  top: calc(50% - 1em);
  left: 0;
}

.contact-others__green-number {
  display: inline-block;
}

.contact-others__green-number img {
  max-width: 100%;
  height: auto;
}

.contact-others .g-row {
  margin-top: 60px;
  margin-top: 6rem;
}

.contact-others .g-row .g-col:first-of-type {
  padding-right: 45px;
  padding-right: 4.5rem;
  text-align: right;
}

.contact-others .g-row .g-col:last-of-type {
  padding-left: 45px;
  padding-left: 4.5rem;
  text-align: left;
  border-left: 1px solid #adadad;
}

.contact-others__adress b,
.contact-others__email-address b,
.contact-others__tip b {
  display: block;
}

.contact-others__email-address:hover {
  color: #00A3E0;
}

.contact-others__tip {
  margin-top: 15px;
  margin-top: 1.5rem;
}

.create_account-progress {
  text-align: center;
  margin-top: 60px;
  margin-top: 6rem;
}

.create_account-progress__title,
.create_account-progress__subtitle,
.create_account-progress__text {
  font-weight: 100;
}

.create_account-progress__title {
  text-transform: uppercase;
}

.create_account-progress__subtitle,
.create_account-progress__text {
  font-size: 20px;
  font-size: 2rem;
}

.create_account-progress__subtitle {
  margin-top: 10px;
  margin-top: 1rem;
}

.create_account-progress__text {
  color: #00A3E0;
  margin-top: 30px;
  margin-top: 3rem;
}

.create_account-progress__progress {
  margin: 40px 0;
  margin: 4rem 0;
  color: #00A3E0;
}

.create_account-progress__progress__small {
  font-size: 13px;
  font-size: 1.3rem;
}

.create_account-progress__progress__percentage {
  font-size: 34px;
  font-size: 3.4rem;
}

.create_account-progress .progress_circle {
  margin: 40px auto;
  margin: 4rem auto;
}

.distributors {
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.distributors .distributor {
  width: 100%;
  box-shadow: none;
}

.distributors .distributor .close {
  display: none;
}

.distributors .distributor:before {
  display: none;
}

.distributors .distributor__title b {
  display: inline;
}

.distributors .distributor__minisite_link {
  display: inline-block;
}

.distributors .distributor__services_link {
  display: inline-block;
}

.distributors .distributor__services {
  display: none;
}

.distributors .distributor__title {
  color: #000000;
}

.distributors .distributor__distance:before {
  color: #000000;
}

html[lang="vi"] .distributors__cat__title,
html[lang="vi2"] .distributors__cat__title {
  margin-bottom: 20px;
}

.distributor {
  padding: 20px;
  padding: 2rem;
  padding-left: 60px;
  padding-left: 6.5rem;
  position: relative;
  color: #585858;
  background: #fff;
  width: 385px;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
  cursor: default;
  -webkit-animation: fade-in 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fade-in 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.distributor:after {
  content: '';
  position: absolute;
  height: 1px;
  top: 0;
  left: 20px;
  left: 2rem;
  right: 20px;
  right: 2rem;
  background-color: #e2e1e5;
}

.distributor:before {
  content: '';
  position: absolute;
  left: -4px;
  top: 20px;
  top: 2rem;
  width: 8px;
  height: 8px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}

.test_ride .distributor:before,
.popin_distributors_map_mobile .distributor:before {
  left: 104px;
  top: -4px;
}

.distributor input {
  display: none;
}

.distributor:first-of-type:after {
  content: none;
}

.distributor .close {
  background: #00A3E0;
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  padding: 10px;
  padding: 1rem;
  font-size: 14px;
  font-size: 1.4rem;
}

.distributor__title {
  color: #00A3E0;
  font-weight: 700;
  text-transform: uppercase;
  transition: color;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: color;
}

.distributor__title b {
  color: #adadad;
  display: none;
}

.distributor__title b:after {
  content: '.';
}

.distributor__title b:empty {
  display: none;
}

.distributor__title img {
  vertical-align: top;
}

.distributor__street,
.distributor__phone {
  width: 50%;
}

.distributor__street {
  margin-top: 10px;
  margin-top: 1rem;
}

.distributor__phone {
  margin-top: 5px;
  margin-top: 0.5rem;
}

.distributor__services_link {
  display: none;
  color: #00A3E0;
  margin-top: 10px;
  margin-top: 1rem;
}

.distributor__minisite_link {
  color: #00A3E0;
  margin-top: 10px;
  margin-top: 1rem;
}

.distributor__details {
  display: block;
  margin-top: 10px;
  margin-top: 1rem;
}

.distributor__details:after {
  font-size: 60%;
  margin-left: 1em;
}

.distributor__services {
  margin-top: 10px;
  margin-top: 1rem;
  -webkit-animation: fade-in 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fade-in 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.distributor__distance {
  position: absolute;
  left: 6px;
  left: 0.5rem;
  top: 20px;
  top: 2rem;
  width: 40px;
  width: 4rem;
  text-align: center;
}

.distributor__distance:before {
  display: block;
  color: #00A3E0;
  transition: color;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: color;
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
}

.distributor--active {
  border: 3px solid #00A3E0;
}

.distributor--active .distributor__title,
.distributor--active .distributor__distance:before,
.desktop .distributor:hover .distributor__title,
.desktop .distributor:hover .distributor__distance:before,
input:checked~.distributor__title,
input:checked~.distributor__distance:before {
  color: #00A3E0 !important;
}

.distributor--active .distributor__title b,
.desktop .distributor:hover .distributor__title b,
input:checked~.distributor__title b {
  color: #00A3E0 !important;
}

.distributor .button--route {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
}

.test_ride .distributor .button--route,
.test_ride .distributor__services_link,
.test_ride .distributor__minisite_link {
  display: none;
}

.test_ride .distributor .f-row {
  display: block;
}

.test_ride .distributor .f-row .f-col1 {
  cursor: pointer;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.test_ride .distributor .f-row .f-col2 .ctadistributor {
  display: none;
  text-align: center;
  padding: 1.6em 2em;
}

.test_ride .distributor .f-row .f-col2 .imggoogle {
  display: none;
}

.popin_distributors_map_mobile .distributor {
  text-align-last: left;
  padding-left: 20px;
  padding-left: 2rem;
  padding-right: 36px;
  padding-right: 3.6rem;
  width: 240px;
}

.popin_distributors_map_mobile .distributor .button--route,
.popin_distributors_map_mobile .distributor__services_link,
.popin_distributors_map_mobile .distributor__services,
.popin_distributors_map_mobile .distributor__minisite_link,
.popin_distributors_map_mobile .distributor .imggoogle {
  display: none;
}

.popin_distributors_map_mobile .distributor__phone,
.popin_distributors_map_mobile .distributor__street {
  width: 100%;
}

.popin_distributors_map_mobile .distributor .f-col2 {
  margin-top: 20px;
}

.popin_distributors_map_mobile .distributor .f-col2 .ctadistributor {
  width: auto;
}

.ui-map .distributor .button--route,
.ui-map .distributor__services_link,
.ui-map .distributor__services,
.ui-map .distributor__minisite_link,
.ui-map .distributor .imggoogle {
  display: none;
}

.faq {
  padding-bottom: 60px;
  padding-bottom: 6rem;
  background: #fff;
  padding-top: 1px;
  color: #3c3947;
}

.ui-tab .faq .title-main {
  color: #00A3E0;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  text-transform: none;
}

.faq .question {
  border-top: 1px solid #e2e1e5;
  border-left: 0;
  border-right: 0;
  padding: 20px 0;
  padding: 2rem 0;
}

.faq .question:last-of-type {
  border-bottom: 1px solid #e2e1e5;
}

.faq .question__title {
  position: relative;
  padding-right: 40px;
  padding-right: 4rem;
  text-transform: uppercase;
}

.faq .question__title:before {
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -0.5em;
  right: 0;
  font-size: 10px;
  font-size: 1rem;
  color: #00A3E0;
  transition: -webkit-transform;
  transition: transform;
  transition: transform, -webkit-transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}

.faq .question__title,
.faq .question__title b {
  font-weight: 300;
}

.faq .question.ui-toggle--active .question__title:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.faq .question__answer__text {
  margin-top: 20px;
  font-weight: 300;
  font-size: 12px;
  line-height: 1.6em;
}

.faq .question__answer .button--link,
.faq .question__answer .distributor__services_link,
.faq .question__answer .distributor__minisite_link {
  margin: 30px 0;
  margin: 3rem 0;
}

.focus_variant {
  background-size: auto 50rem;
  background-repeat: no-repeat;
}

.focus_variant:nth-of-type(odd) {
  background-color: #fff;
  background-position: top right;
}

.focus_variant:nth-of-type(even) .container {
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.focus_variant:nth-of-type(even).ui-toggle--active .focus__main {
  color: #fff;
}

.focus_variant.not_dark:nth-of-type(even) {
  background-color: #fff;
  color: #3c3947;
}

.focus_variant.not_dark:nth-of-type(even).ui-toggle--active .focus__main {
  color: #3c3947;
}

.focus_variant__main {
  height: 500px;
  height: 50rem;
}

.focus_variant__main .container {
  height: 100%;
  width: 100%;
  max-width: 1500px;
  max-width: 150rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.focus_variant__main .focus_variant__subtitle,
.focus_variant__main .focus_variant__excerpt {
  display: block;
}

.focus_variant__main .valign,
.focus_variant__main .focusimg {
  width: 50%;
  position: relative;
  z-index: 1;
  display: block;
  height: auto;
  text-align: center;
}

.focus_variant__main .valign__middle>* {
  max-width: 400px;
  max-width: 40rem;
}

.focus_variant__main .valign__middle {
  display: inline-block;
  text-align: left;
  width: auto;
}

.focus_variant__main .focusimg {
  height: 100%;
  background-size: cover;
  background-position: center;
}

.focus_variant__subtitle,
.focus_variant__excerpt {
  padding-top: 20px;
  padding-top: 2rem;
  display: none;
}

.focus_variant__toggle {
  font-size: 16px;
  font-size: 1.6rem;
  color: #00A3E0;
  margin-top: 40px;
  margin-top: 4rem;
  display: inline-block;
  padding-right: 30px;
  padding-right: 3rem;
  position: relative;
}

.focus_variant__toggle:after {
  font-size: 0.5em;
  color: #fff;
  z-index: 10;
  display: inline-block;
  vertical-align: middle;
  background-color: #00A3E0;
  padding: 8px 8px 7px 7px;
  border-radius: 50%;
  margin-left: 10px;
  margin-left: 1rem;
  transition: -webkit-transform;
  transition: transform;
  transition: transform, -webkit-transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}

.ui-toggle--active .focus_variant__toggle:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.focus_variant__more .focus_variant__subtitle,
.focus_variant__more .focus_variant__excerpt {
  display: none;
}

.focus_variant__more .focusimg {
  display: none;
}

.focus_variant__more .container {
  padding: 70px 0;
  padding: 7rem 0;
  width: 100%;
  max-width: 1500px;
  max-width: 150rem;
  background-color: #fff;
}

.focus_variant__more .container .redac {
  width: 81%;
  max-width: 1160px;
  max-width: 116rem;
  margin: auto;
  font-size: 16px;
  font-size: 1.6rem;
}

.focus_variant__more .container .redac.highlight {
  padding: 40px 50px 50px;
  padding: 4rem 5rem 5rem;
  background-color: #ececee;
  margin-bottom: 45px;
  margin-bottom: 4.5rem;
}

.focus_variant__more .container .redac p {
  margin-top: 15px;
  margin-top: 1.5rem;
}

.focus {
  background-size: auto 50rem;
  position: relative;
  background-repeat: no-repeat;
}

.focus--video {
  background-position: center;
  background-size: cover !important;
  text-align: center;
}

.focus--video .focus__title {
  text-align: center;
}

.focus--middle {
  background-position: top center;
  /*background-size: cover;*/
}

.focus--middle .valign {
  float: none;
}

.focus--middle .valign .focus__title {
  text-align: center;
  font-weight: 100;
}

.focus--middle .valign .focus__excerpt {
  text-align: center;
}

.focus--left {
  background-position: top right;
}

.focus--left .valign {
  float: left;
}

.focus--right {
  background-position: top left;
}

.focus--right .valign {
  float: right;
}

.focus .youtube-embed {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 2;
  background: #000;
}

.focus .main--secured-video .youtube-embed {
  display: inline !important;
}

.focus__close {
  position: absolute;
  right: 10px;
  right: 1rem;
  top: 10px;
  top: 1rem;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px;
  padding: 1rem;
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  z-index: 3;
  display: none;
}

.focus__main {
  height: 500px;
  height: 50rem;
}

.focus__main .container {
  height: 100%;
}

.focus__main .valign {
  width: auto;
  position: relative;
  z-index: 1;
}

.focus__main .valign__middle>* {
  max-width: 400px;
}

.focus__main .valign__middle .focus__title {
  width: 100%;
}

.focus__main .valign__middle .focus__toggle {
  width: 100%;
}

.focus__play {
  margin-top: 40px;
  margin-top: 4rem;
  width: 60px;
  width: 6rem;
  height: 60px;
  height: 6rem;
  background: #fff;
  display: inline-block;
  position: relative;
  transition: color, background;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: color, background;
  color: #00A3E0;
}

.focus__play svg {
  /* SVG 'play' icon */
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  line-height: 100%;
  width: 1em;
  height: 1em;
  font-size: 20px;
  font-size: 2rem;
  fill: currentColor;
}

.desktop .focus__play:hover {
  background: #00A3E0;
  color: #fff;
}

.color-clear .focus__title:before {
  color: white;
}

.focus__subtitle,
.focus__excerpt {
  margin-top: 20px;
  margin-top: 2rem;
}

.focus__excerpt {
  letter-spacing: 0.1px;
  line-height: 1.8em;
  font-size: 11px;
}

.focus__excerpt .button,
.focus__excerpt .which_scooter .input__radio__text,
.which_scooter .focus__excerpt .input__radio__text {
  color: white;
}

.focus__toggle {
  font-size: 16px;
  font-size: 1.6rem;
  color: #00A3E0;
  margin-top: 40px;
  margin-top: 4rem;
  display: inline-block;
  padding-right: 30px;
  padding-right: 3rem;
  position: relative;
}

.focus__toggle:after {
  font-size: 0.5em;
  color: #fff;
  z-index: 10;
  display: inline-block;
  vertical-align: middle;
  background-color: #00A3E0;
  padding: 8px 8px 7px 7px;
  border-radius: 50%;
  margin-left: 10px;
  margin-left: 1rem;
  transition: -webkit-transform;
  transition: transform;
  transition: transform, -webkit-transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}

.ui-toggle--active .focus__toggle:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.focus__more .container {
  padding: 70px 0;
  padding: 7rem 0;
}

.focus__more .g-row+.g-row {
  margin-top: 70px;
  margin-top: 7rem;
}

.focus__more .g-col:nth-of-type(odd) {
  padding-right: 15px;
  padding-right: 1.5rem;
}

.focus__more .g-col:nth-of-type(even) {
  padding-left: 15px;
  padding-left: 1.5rem;
}

.freetpl-main-title {
  font-size: 32px;
  font-size: 3.2rem;
  margin: 50px 0 30px;
  line-height: 27px;
  line-height: 1.3em;
}

#free-template .columns {
  margin-bottom: 40px;
  margin-bottom: 4rem;
}

#free-template .columns .column-right {
  margin-top: 40px;
  margin-top: 4rem;
}

.free-template.block-text h2,
.free-template.block-text h3 {
  font-size: 26px;
  font-size: 2.6rem;
  margin: 0 0 15px;
  margin: 0 0 1.5rem;
  line-height: 31px;
  line-height: 1.5em;
}

.free-template.block-text p {
  margin: 0 0 15px;
  margin: 0 0 1.5rem;
  line-height: 19px;
  line-height: 2.4rem;
}

.free-template.block-text ul {
  margin: 0 0 15px 35px;
  margin: 0 0 1.5rem 3.5rem;
  list-style-type: disc;
}

.free-template.block-text ul li {
  line-height: 20px;
  line-height: 2rem;
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
}

.free-template.block-text .button--link,
.free-template.block-text .distributor__services_link,
.free-template.block-text .distributor__minisite_link {
  font-size: inherit;
}

.free-template.block-text .button--link:after,
.free-template.block-text .distributor__services_link:after,
.free-template.block-text .distributor__minisite_link:after {
  font-size: 0.5em;
  display: none;
}

.free-template.block-text .button--link:hover,
.free-template.block-text .distributor__services_link:hover,
.free-template.block-text .distributor__minisite_link:hover {
  color: #000 !important;
}

.free-template.block-cta {
  margin: 40px 0;
  margin: 4rem 0;
  width: 100%;
  max-width: 400px;
}

.free-template.block-cta .button--main+.button--main,
.free-template.block-cta .button--main--promo+.button--main,
.free-template.block-cta .button--send+.button--main,
.free-template.block-cta .button--save+.button--main,
.free-template.block-cta .button--try+.button--main,
.free-template.block-cta .button--calculette+.button--main,
.free-template.block-cta .button--info+.button--main,
.free-template.block-cta .button--main+.button--main--promo,
.free-template.block-cta .button--main--promo+.button--main--promo,
.free-template.block-cta .button--send+.button--main--promo,
.free-template.block-cta .button--save+.button--main--promo,
.free-template.block-cta .button--try+.button--main--promo,
.free-template.block-cta .button--calculette+.button--main--promo,
.free-template.block-cta .button--info+.button--main--promo,
.free-template.block-cta .button--main+.button--send,
.free-template.block-cta .button--main--promo+.button--send,
.free-template.block-cta .button--send+.button--send,
.free-template.block-cta .button--save+.button--send,
.free-template.block-cta .button--try+.button--send,
.free-template.block-cta .button--calculette+.button--send,
.free-template.block-cta .button--info+.button--send,
.free-template.block-cta .button--main+.button--save,
.free-template.block-cta .button--main--promo+.button--save,
.free-template.block-cta .button--send+.button--save,
.free-template.block-cta .button--save+.button--save,
.free-template.block-cta .button--try+.button--save,
.free-template.block-cta .button--calculette+.button--save,
.free-template.block-cta .button--info+.button--save,
.free-template.block-cta .button--main+.button--try,
.free-template.block-cta .button--main--promo+.button--try,
.free-template.block-cta .button--send+.button--try,
.free-template.block-cta .button--save+.button--try,
.free-template.block-cta .button--try+.button--try,
.free-template.block-cta .button--calculette+.button--try,
.free-template.block-cta .button--info+.button--try,
.free-template.block-cta .button--main+.button--calculette,
.free-template.block-cta .button--main--promo+.button--calculette,
.free-template.block-cta .button--send+.button--calculette,
.free-template.block-cta .button--save+.button--calculette,
.free-template.block-cta .button--try+.button--calculette,
.free-template.block-cta .button--calculette+.button--calculette,
.free-template.block-cta .button--info+.button--calculette,
.free-template.block-cta .button--main+.button--info,
.free-template.block-cta .button--main--promo+.button--info,
.free-template.block-cta .button--send+.button--info,
.free-template.block-cta .button--save+.button--info,
.free-template.block-cta .button--try+.button--info,
.free-template.block-cta .button--calculette+.button--info,
.free-template.block-cta .button--info+.button--info {
  margin-left: 0;
  margin-top: 10px;
  margin-top: 1rem;
}

.free-template.block-image {
  margin-bottom: 35px;
  margin-bottom: 3.5rem;
}

.free-template.block-image img {
  width: 100%;
  max-width: 400px;
  height: auto;
}

.free-template.block-carrousel {
  margin-bottom: 35px;
  margin-bottom: 3.5rem;
}

.free-template.block-carrousel .home-slider {
  width: 100%;
  max-width: 400px;
}

.free-template.block-iframe iframe {
  width: 100%;
}

.free-template.block-lame_deployable .container {
  margin: 0;
  width: 100%;
}

.free-template.block-lame_deployable .title-main {
  font-size: 20px;
  font-size: 2rem;
}

.free-template.block-lame_deployable .test_ride .g-col--1_3 {
  max-width: 100%;
  float: none;
  padding-right: 0;
  padding-left: 0;
  padding-top: 80px;
  padding-top: 8rem;
}

.free-template.block-lame_deployable .test_ride .g-col--1_3:first-child {
  padding-top: 0;
}

.free-template.block-lame_deployable .test_ride .g-col--1_3:before {
  content: none;
}

.home-categories__cat {
  width: 25%;
  float: left;
  position: relative;
  background: url("") no-repeat center/cover;
  text-align: center;
  color: #fff;
}

.home-categories__cat__container {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.home-categories__cat__container .flip {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: default;
  -webkit-perspective: 3000px;
  -o-perspective: 3000px;
  -ms-perspective: 3000px;
  perspective: 3000px;
}

.home-categories__cat__container .flip__card {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.home-categories__cat__container .flip__side--back,
.home-categories__cat__container .flip__side--front {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: center center;
  transition: all 0.4s ease-out;
  -webkit-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  padding-top: 25%;
}

@media screen and (max-width: 1129px) {
  .home-categories__cat__container .flip__side--back,
  .home-categories__cat__container .flip__side--front {
    padding-top: 40%;
  }
}

.home-categories__cat__container .flip__card>.flip__side--back {
  -webkit-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

html.desktop .home-categories__cat__container .flip:hover .flip__side--front {
  /* -webkit-transform: translate3d(0,280px,0) rotate3d(0,1,0,-90deg);
          -moz-transform: translate3d(0,280px,0) rotate3d(0,1,0,-90deg);
          -o-transform: translate3d(0,280px,0) rotate3d(0,1,0,-90deg);
          -ms-transform: translate3d(0,280px,0) rotate3d(0,1,0,-90deg);
          transform: translate3d(0,280px,0) rotate3d(0,1,0,-90deg); */
  -webkit-transform: translate3d(0, 0, -350px) rotate3d(0, 1, 0, 90deg);
  -ms-transform: translate3d(0, 0, -350px) rotate3d(0, 1, 0, 90deg);
  transform: translate3d(0, 0, -350px) rotate3d(0, 1, 0, 90deg);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.home-categories__cat__container .flip__card .flip__side--back {
  -webkit-transform: translate3d(0, 0, -350px) rotate3d(0, 1, 0, -90deg);
  -ms-transform: translate3d(0, 0, -350px) rotate3d(0, 1, 0, -90deg);
  transform: translate3d(0, 0, -350px) rotate3d(0, 1, 0, -90deg);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

html.desktop .home-categories__cat__container .flip:hover .flip__side--back {
  -webkit-transform: translate3d(0, 0, 0px) rotate3d(0, 1, 0, 0deg);
  -ms-transform: translate3d(0, 0, 0px) rotate3d(0, 1, 0, 0deg);
  transform: translate3d(0, 0, 0px) rotate3d(0, 1, 0, 0deg);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.home-categories__cat__container .flip__side__background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: .9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  z-index: -1;
}

.home-categories__cat__background {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
}

.home-categories__cat__background span {
  display: block;
  height: 100%;
  /* opacity: 0; transition: allow(opacity) */
}

.home-categories__cat__title {
  margin-bottom: 20px;
  font-size: 40px;
  font-size: 4rem;
  font-weight: 100;
  transition: color;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: color;
  display: inline-block;
}

.home-categories__cat__title>div,
.home-categories__cat__title small {
  float: left;
}

.home-categories__cat__title small {
  font-size: 0.6em;
  margin-left: 0.2em;
  text-align: left;
}

.home-categories__cat__title small div+div {
  font-size: 0.4em;
  font-weight: 400;
  text-transform: uppercase;
}

.home-categories__cat__excerpt {
  margin-top: 30px;
  margin-top: 3rem;
  transition: opacity;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: opacity;
}

.home-categories__cat__content {
  position: relative;
  width: 90%;
  max-width: 270px;
  max-width: 34rem;
  margin: auto;
}

.home-categories__cat .button,
.home-categories__cat .which_scooter .input__radio__text,
.which_scooter .home-categories__cat .input__radio__text {
  position: absolute;
  top: 30px;
  top: 3rem;
  left: 0;
  width: 100%;
  text-transform: uppercase;
  font-size: 13px;
  font-size: 1.3rem;
  background-color: #fff;
  padding: 1.5em 0;
  /* opacity: 0; transition: allow(opacity); */
}

html[lang="vi"] .home-categories__cat__title,
html[lang="vi2"] .home-categories__cat__title {
  margin-bottom: 20px;
}

.home-discover {
  height: 500px;
  height: 50rem;
  text-align: center;
}

.home-discover--right .valign {
  padding: 0 calc(50% + 6rem) 0 6rem;
}

.home-discover--left .valign {
  padding: 0 6rem 0 calc(50% + 6rem);
}

.home-discover--dark {
  color: #24394d;
}

.home-discover--orange {
  color: #d9974b;
}

.home-discover--clear {
  color: #fff;
}

.home-discover .ui-fit__cover {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.home-discover>* {
  position: relative;
  z-index: 1;
}

.home-discover__logo {
  max-width: 70%;
}

.home-discover__text {
  text-transform: none;
  font-weight: 300;
}

*+.home-discover__text {
  margin-top: 40px;
  margin-top: 4rem;
}

.home-discover .button--main,
.home-discover .button--main--promo,
.home-discover .button--send,
.home-discover .button--save,
.home-discover .button--try,
.home-discover .button--calculette,
.home-discover .button--info {
  margin-top: 60px;
  margin-top: 6rem;
}

.home-discover br+.button--main,
.home-discover br+.button--main--promo,
.home-discover br+.button--send,
.home-discover br+.button--save,
.home-discover br+.button--try,
.home-discover br+.button--calculette,
.home-discover br+.button--info {
  margin-top: 20px;
  margin-top: 2rem;
}

.prehome {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  width: 100%;
  height: 100%;
  background-color: #000000;
  color: white;
  font-size: 30px;
  display: none;
  overflow-y: auto;
}

.prehome .prehomecontent {
  height: 100%;
  max-width: 1200px;
  margin: auto;
}

.prehome--logo {
  width: 160px;
  height: 96px;
  height: 9.6rem;
  background: url("../medias/blocks/header/logo-peugeot-motocycles.svg") no-repeat center #000000;
  background-size: contain;
  border: 0;
  position: absolute;
  top: 20px;
  left: 10px;
}

.prehome .prehome__close {
  margin: 10px 10px 10px 0;
  margin: 1rem 1rem 1rem 0;
  float: right;
}

.prehome .prehome__close .button--link,
.prehome .prehome__close .distributor__services_link,
.prehome .prehome__close .distributor__minisite_link {
  font-size: 18px;
  font-size: 1.8rem;
}

.prehome .prehome__close .button--link:hover,
.prehome .prehome__close .distributor__services_link:hover,
.prehome .prehome__close .distributor__minisite_link:hover {
  color: white;
}

.prehome .prehometext {
  text-align: center;
  line-height: 1.2;
  margin: 0 auto 30px;
  margin: 0 auto 3rem;
  width: 65%;
  clear: right;
}

.prehome .prehometext h1 {
  font-weight: 300;
  font-size: 24px;
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

.prehome .prehometext h1 br {
  display: none;
}

.prehome .prehometext h2 {
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 30px;
  margin-bottom: 3rem;
}

.prehome .prehometext p {
  font-size: 18px;
  font-weight: 300;
}

.prehome .prehomeyoutube {
  width: 65%;
  margin: 0 auto;
  height: 0;
  padding-bottom: 37%;
  position: relative;
}

.prehome .prehomeyoutube iframe {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.home-slider {
  height: 500px;
  height: 50rem;
  position: relative;
  background-color: #000000;
}

#free-template .home-slider {
  height: 330px;
  background-color: transparent;
}

.home-slider .ui-slider__pagination {
  bottom: 25px;
  bottom: 2.5rem;
}

.home-slider .valign {
  height: calc(100% - 2.5rem);
  padding: 0 40px;
  padding: 0 4rem;
}

.home-slider__slide {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url("") no-repeat center/cover;
  text-align: center;
  color: #fff;
}

.home-slider__slide>img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  pointer-events: none;
}

.home-slider__slide>* {
  position: relative;
  z-index: 1;
}

.home-slider__slide__title,
.home-slider__slide__subtitle {
  font-weight: 100;
  color: inherit;
}

.home-slider__slide__title+* {
  margin-top: 40px;
  margin-top: 4rem;
}

.home-slider__slide__subtitle {
  margin-top: 20px;
  margin-top: 2rem;
}

.home-slider__slide .button--main,
.home-slider__slide .button--main--promo,
.home-slider__slide .button--send,
.home-slider__slide .button--save,
.home-slider__slide .button--try,
.home-slider__slide .button--calculette,
.home-slider__slide .button--info {
  margin-top: 40px;
  margin-top: 4rem;
}

#free-template .home-slider__slide {
  background-size: cover;
}

.loader {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  min-height: 100vh;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.8);
}

.loader__circle {
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  -webkit-animation: spin 1.5s ease-in-out infinite -0.5s;
  animation: spin 1.5s ease-in-out infinite -0.5s;
}

@-webkit-keyframes spin {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 67, 200;
    stroke-dashoffset: -29;
  }

  100% {
    stroke-dasharray: 67, 200;
    stroke-dashoffset: -93;
  }
}

@keyframes spin {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 67, 200;
    stroke-dashoffset: -29;
  }

  100% {
    stroke-dasharray: 67, 200;
    stroke-dashoffset: -93;
  }
}

.minisite-container {
  position: relative;
  padding-bottom: calc(100vh - 14.7rem);
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
}

#my-django {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0;
}

.popin {
  max-width: 720px;
  max-width: 72rem;
  width: 100%;
  background-color: #fff;
  padding: 40px 100px;
  padding: 4rem 10rem;
  text-align: center;
  max-height: 90vh;
  overflow-y: auto;
}

.popin.popin-accessory {
  padding: 0;
  text-align: left;
}

.popin__title {
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 30px;
  margin-bottom: 3rem;
}

.popin__accessory__title {
  padding: 10px;
  font-size: 1.5em;
  text-transform: uppercase;
}

.popin__accessory__intro {
  width: 100%;
  padding: 10px 30px;
  font-size: 1.4em;
}

.popin__accessory__price {
  font-size: 3.0em;
  padding: 10px 40px;
  color: #00A3E0;
}

.popin__accessory__reference {
  font-size: 3.0em;
  padding: 10px 40px;
  font-size: 1.2em;
}

.popin__accessory__models {
  width: 100%;
  padding: 10px 40px;
  font-size: 1.8em;
}

.popin__accessory__conditions {
  width: 100%;
  padding: 10px 30px;
}

.popin__accessory__image {
  padding: 10px;
}

.popin .input--submit {
  display: block;
  text-align: center;
  margin-top: 20px;
  margin-top: 2rem;
}

.popin .input--submit+.input--submit {
  margin-top: 40px;
  margin-top: 4rem;
}

.popin .col_form,
.popin .test_ride_old .g-col--1_3,
.test_ride_old .popin .g-col--1_3,
.popin .test_ride .g-col--1_3,
.test_ride .popin .g-col--1_3 {
  text-align: left !important;
  padding: 0 30px;
  padding: 0 3rem;
}

.popin .col_form .popin__subtitle,
.popin .test_ride_old .g-col--1_3 .popin__subtitle,
.test_ride_old .popin .g-col--1_3 .popin__subtitle,
.popin .test_ride .g-col--1_3 .popin__subtitle,
.test_ride .popin .g-col--1_3 .popin__subtitle {
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-bottom: 3rem;
}

.popin .col_form .button--underline,
.popin .test_ride_old .g-col--1_3 .button--underline,
.test_ride_old .popin .g-col--1_3 .button--underline,
.popin .test_ride .g-col--1_3 .button--underline,
.test_ride .popin .g-col--1_3 .button--underline {
  margin-top: 10px;
  margin-top: 1rem;
}

.popin .col_form .input--submit,
.popin .test_ride_old .g-col--1_3 .input--submit,
.test_ride_old .popin .g-col--1_3 .input--submit,
.popin .test_ride .g-col--1_3 .input--submit,
.test_ride .popin .g-col--1_3 .input--submit {
  text-align: left;
}

.popin .g-col--1_3 {
  text-align: right;
}

.popin .g-col--1_3 .input--submit {
  display: inline-block;
}

.popin .g-col--1_3 .input--submit,
.popin .g-col--2_3 .input--checkbox {
  margin: 30px 0 0 0;
  margin: 3rem 0 0 0;
}

.popin .g-col--1_2 h1 {
  text-align: left;
  margin-bottom: 0;
}

.popin .g-col--1_2+.g-col--1_2 {
  text-align: right;
}

.ui-popin__close {
  position: absolute;
  left: 93%;
  top: 0;
  width: 50px;
  width: 5rem;
  height: 50px;
  height: 5rem;
}

.ui-popin__close:before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  line-height: 100%;
  font-size: 15px;
  font-size: 1.5rem;
}

.ui-popin--popin_distributors_map_mobile .ui-popin__content {
  width: 100%;
  height: 100%;
}

.ui-popin--popin_distributors_map_mobile .ui-popin__content .popin {
  height: 100%;
  padding: 0;
  text-align: left;
}

.popin-calculator {
  font-size: 26px;
  font-size: 2.6rem;
  padding: 40px 70px;
  padding: 4rem 7rem;
  max-width: 1350px;
  max-width: 135rem;
  line-height: 1.4;
  max-height: 98vh;
}

.popin-calculator .popin__title {
  font-size: 31px;
  font-size: 3.1rem;
  text-transform: none;
  color: #00A3E0;
  margin-bottom: 17px;
  margin-bottom: 1.7rem;
}

.popin-calculator .img-title img {
  width: 190px;
  display: block;
  margin: auto;
}

.popin-calculator .extra-title {
  margin: 33px auto 40px;
  margin: 3.3rem auto 4rem;
}

.popin-calculator .label,
.popin-calculator .value {
  font-weight: 300;
}

.popin-calculator .label {
  text-align: left;
}

.popin-calculator .value {
  text-align: right;
  position: relative;
}

.popin-calculator .value .output {
  padding-right: 24px;
  padding-right: 2.4rem;
}

.popin-calculator .value .unit {
  position: absolute;
  right: 0;
}

.popin-calculator .result-title {
  font-size: 30px;
  font-size: 3rem;
  text-transform: uppercase;
}

.popin-calculator .calcresult {
  font-size: 56px;
  font-size: 5.6rem;
  color: #00A3E0;
}

.popin-calculator .twocols {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.popin-calculator .twocols>* {
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  padding: 0 44px;
  padding: 0 4.4rem;
}

.popin-calculator .twocols>*:first-of-type {
  padding-left: 0;
}

.popin-calculator .twocols>*:last-of-type {
  padding-right: 0;
}

.popin-calculator .twocols .twocols {
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 1.3;
  margin-bottom: 13px;
  margin-bottom: 1.3rem;
}

.popin-calculator .twocols .twocols>* {
  padding: 0 10px;
  padding: 0 1rem;
}

.popin-calculator .twocols .twocols>*:first-of-type {
  padding-left: 0;
  -webkit-flex-grow: 3;
  -ms-flex-positive: 3;
  flex-grow: 3;
}

.popin-calculator .twocols .twocols>*:last-of-type {
  padding-right: 0;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.popin-calculator .calcblock.twocols {
  margin-top: 60px;
  margin-top: 6rem;
  margin-bottom: 74px;
  margin-bottom: 7.4rem;
  text-align: left;
}

.popin-calculator .calcblock.twocols>* {
  padding: 0 50px;
  padding: 0 5rem;
}

.popin-calculator .calcblock.twocols>*:first-of-type {
  padding-left: 0;
}

.popin-calculator .calcblock.twocols>*:last-of-type {
  padding-right: 0;
}

.popin-calculator .calcblock.twocols>div:first-of-type {
  border-right: 1px solid #aaa;
}

.popin-calculator .calcblock.twocols .rangeblock {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 40px;
  margin-top: 4rem;
  margin-bottom: 50px;
  margin-bottom: 5rem;
  font-size: 24px;
  font-size: 2.4rem;
}

.popin-calculator .calcblock.twocols .rangeblock .initial {
  display: block;
  position: absolute;
  top: -250%;
  background-color: #00A3E0;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  padding: 3px 10px;
  padding: 0.3rem 1rem;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.popin-calculator .calcblock.twocols .rangeblock .initial:after {
  content: " €";
}

.popin-calculator .calcblock.twocols .input__range {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #152946;
  margin: 0 20px;
  margin: 0 2rem;
}

.popin-calculator .calcblock.twocols .input__range .ui-slider_input .ui-slider_input-handle {
  border-color: transparent;
  border-width: 0;
  background-color: #aaa;
  border-radius: 0.6em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.popin-calculator .calcblock.twocols .input__range .ui-slider_input .ui-slider_input-range {
  background-color: #555;
}

.popin-calculator .calcblock.twocols .input__range .max {
  bottom: auto;
  top: -200%;
}

.popin-calculator .calcblock.twocols .months {
  margin-top: 20px;
  margin-top: 2rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.popin-calculator .calcblock.twocols .months .button--main,
.popin-calculator .calcblock.twocols .months .button--main--promo,
.popin-calculator .calcblock.twocols .months .button--send,
.popin-calculator .calcblock.twocols .months .button--save,
.popin-calculator .calcblock.twocols .months .button--try,
.popin-calculator .calcblock.twocols .months .button--calculette,
.popin-calculator .calcblock.twocols .months .button--info {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 17px;
  font-size: 1.7rem;
  color: #000;
  border-bottom: 0;
  background-color: #e1e1e1;
  font-weight: 400;
  padding: 0.8em 1em;
}

.popin-calculator .calcblock.twocols .months .button--main:hover,
.popin-calculator .calcblock.twocols .months .button--main--promo:hover,
.popin-calculator .calcblock.twocols .months .button--send:hover,
.popin-calculator .calcblock.twocols .months .button--save:hover,
.popin-calculator .calcblock.twocols .months .button--try:hover,
.popin-calculator .calcblock.twocols .months .button--calculette:hover,
.popin-calculator .calcblock.twocols .months .button--info:hover,
.popin-calculator .calcblock.twocols .months .button--main.active,
.popin-calculator .calcblock.twocols .months .active.button--main--promo,
.popin-calculator .calcblock.twocols .months .active.button--send,
.popin-calculator .calcblock.twocols .months .active.button--save,
.popin-calculator .calcblock.twocols .months .active.button--try,
.popin-calculator .calcblock.twocols .months .active.button--calculette,
.popin-calculator .calcblock.twocols .months .active.button--info {
  background-color: #152946;
  color: #fff;
}

.popin-calculator .mention {
  font-size: 13px;
  font-size: 1.3rem;
  color: #000;
  margin-top: 50px;
  margin-top: 5rem;
  text-align: justify;
}

.ui-popin--popin_calculator .ui-popin__close {
  left: auto;
  right: 0;
}

.popin-review__user {
  position: relative;
}

.popin-review__user:before {
  color: #00A3E0;
  font-size: 25px;
  font-size: 2.5rem;
}

.popin-review__infos,
.popin-review__infos__rate a,
.popin-review__text {
  color: #7c7c7c;
}

.popin-review__infos {
  color: #7c7c7c;
}

.popin-review__infos b {
  font-weight: inherit;
  color: #00A3E0;
}

.popin-review__rating {
  font-size: 11px;
  font-size: 1.1rem;
  margin-top: 0.7em;
}

.popin-review__rating a {
  cursor: default;
  color: #7c7c7c;
}

.popin-review__rating a+a {
  margin-left: 0.1em;
}

.popin-review__rating a.selected {
  color: #00A3E0;
}

.popin--warranty input {
  text-align: center;
}

.product_container {
  width: 10%;
  float: left;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.product_container__match {
  color: #00A3E0;
  text-align: center;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  font-weight: normal;
  display: none;
}

.product_container .product {
  border-right-width: 0;
  -webkit-backface-visibility: initial;
  backface-visibility: initial;
}

.product_container:last-child .product {
  border-right-width: 1px;
}

.product_summary {
  float: left;
  height: 150px;
  height: 15rem;
  width: 50%;
  position: relative;
}

.product_summary+.product_summary {
  border-left: 1px solid #adadad;
}

.product_summary__name {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
}

.product_summary__version {
  font-size: 12px;
  font-size: 1.2rem;
}

.product_summary__name,
.product_summary__version {
  font-weight: normal;
  text-transform: uppercase;
}

.product_summary__image {
  width: 80%;
  height: 110px;
  height: 11rem;
  background-size: contain;
  padding-bottom: 20px;
  padding-bottom: 2rem;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}

.product_summary__image a {
  display: block;
  height: 100%;
  position: relative;
  background: #fff;
}

.product_summary__image a:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: '';
  background: #000;
  opacity: 0.07;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=7)";
}

.product_summary__remove {
  position: absolute;
  right: 0;
  top: -10px;
  top: -1rem;
  z-index: 2;
  padding: 10px;
  padding: 1rem;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  font-size: 14px;
  font-size: 1.4rem;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: opacity, -webkit-transform;
  transition: opacity, transform;
  transition: opacity, transform, -webkit-transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: opacity, transform;
}

.mobile .product_summary__remove {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.product_summary:hover .product_summary__remove {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.product_summary--placeholder {
  padding: 0 10px;
  padding: 0 1rem;
}

.product {
  background: #fff;
  height: 519px;
  height: calc(52rem - 1px);
  width: 100%;
  position: relative;
  border: 1px solid #e2e1e5;
  padding: 20px;
  padding: 2rem;
  text-align: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: box-shadow;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  backface-visibility: hidden;
  will-change: box-shadow;
}

.desktop .product:hover {
  box-shadow: inset 0 0 0 3px #00A3E0;
  z-index: 1;
}

.product .button,
.product .which_scooter .input__radio__text,
.which_scooter .product .input__radio__text {
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.product .button--review {
  float: right;
  margin-left: 0;
}

.product .button--review+a.button.button--promo {
  margin-left: 0;
}

[lang=de] .product .button--review,
[lang=de_AT] .product .button--review {
  font-size: 13px;
  font-size: 1.3rem;
}

.product .button--promo,
.product .button--new {
  float: left;
}

[lang=de] .product .button--promo,
[lang=de] .product .button--new {
  font-size: 13px;
  font-size: 1.3rem;
  margin-left: 0;
}

.product__name:first-child {
  margin-top: 50px;
  margin-top: 5rem;
}

.product__version {
  margin-bottom: 0 !important;
}

.product__name,
.product__version {
  text-transform: uppercase;
  clear: both;
  font-size: 14px;
  line-height: 1.3em;
  margin-top: 2rem;
  height: 5rem;
  font-weight: 300;
}

.product__image {
  width: 80%;
  height: 220px;
  height: 22rem;
  background-size: contain;
  padding: 40px 0;
  padding: 4rem 0;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}

.product__image img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.product__image a {
  display: block;
  height: 100%;
}

.product__price {
  color: #7c7c7c;
}

.product__price div:first-of-type {
  font-size: 14px;
  font-size: 1.4rem;
}

.product__price div:last-of-type {
  font-size: 28px;
  font-size: 2.8rem;
  margin-top: 0.2em;
}

.product__price small {
  position: relative;
  font-size: 0.5em;
  bottom: 0.7em;
}

/* DEVELOPPEMENT DS - MATHIEU - 14.11.19 */
.price_location .choice {
  display: block;
  width: 50%;
  position: relative;
  color: #000000;
  font-size: 14px;
  line-height: 15px;
  margin: 10px auto;
}

.price_location .choice span {
  display: block;
  position: relative;
  z-index: 3;
}

.price_location .choice:before {
  display: block;
  content: '';
  height: 1px;
  width: 100%;
  background-color: #7c7c7c;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.price_location .choice:after {
  display: block;
  width: 40px;
  height: 100%;
  content: '';
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.price_location .box-price-location {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 5px;
  box-sizing: border-box;
  background-color: #000000;
  color: #ffffff;
  font-size: 20px;
}

.price_location .box-price-location .supp {
  display: inline-block;
  width: auto;
  height: auto;
  font-size: 14px;
}

.price_location .box-price-location .supp:before {
  content: '/';
  display: inline-block;
  width: auto;
  height: auto;
  font-size: 18px;
}

.price_location .btn-popin {
  display: inline-block;
  position: relative;
  top: -8px;
  margin-left: 5px;
}

.price_location .btn-popin svg {
  width: 15px;
}

/* END DEVELOPPEMENT DS - MATHIEU - 14.11.19 */

.product .button--link,
.product .distributor__services_link,
.product .distributor__minisite_link,
.product .button--add,
.product .button--remove {
  display: block;
  text-align: center;
  margin: 0 auto;
}

.product .button--link,
.product .distributor__services_link,
.product .distributor__minisite_link {
  margin-top: 40px;
  margin-top: 4rem;
}

.product .button--add,
.product .button--remove {
  margin-top: 10px;
  margin-top: 1rem;
  display: none;
}

.product .ui-sizer {
  display: none;
}

.account__tab--profile .product .ui-sizer {
  display: block;
}

.product-accessory_summary {
  position: relative;
  height: 50px;
  height: 5rem;
  display: table;
  width: 100%;
  margin-top: 3px;
  background-color: #fff;
  -webkit-animation: slide-left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: slide-left 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.product-accessory_summary>* {
  display: table-cell;
  vertical-align: middle;
}

.product-accessory_summary__image {
  width: 7%;
  background: url("") no-repeat center/cover;
  border: 3px solid #fff;
}

.product-accessory_summary__title {
  width: 53%;
  padding-left: 20px;
  padding-left: 2rem;
}

.product-accessory_summary__id {
  width: 25%;
  color: #adadad;
  text-transform: uppercase;
  padding-left: 20px;
  padding-left: 2rem;
}

.product-accessory_summary__price {
  width: 15%;
  color: #00A3E0;
  text-align: right;
  padding-right: 30px;
  padding-right: 3rem;
}

.product-accessory_summary__price:after {
  margin-left: 0.5em;
}

.product-accessory {
  transition: opacity;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: opacity;
  float: left;
  margin: 10px;
  margin: 1rem;
  width: calc(16.666% - 2rem);
  height: 300px;
  height: 30rem;
  border: 1px solid #e2e1e5;
}

.product-accessory [data-action="remove"] {
  /* display: none; */
}

.product-accessory__image {
  height: 110px;
  height: 11rem;
  background: url("") no-repeat center/cover;
}

.product-accessory__title {
  word-break: break-word;
}

.product-accessory__price {
  margin-top: 10px;
  margin-top: 1rem;
}

.product-accessory__id {
  text-transform: uppercase;
  color: #adadad;
}

.product-accessory__content {
  padding: 10px;
  padding: 1rem;
  position: relative;
  height: calc(100% - 11rem);
}

.product-accessory.disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  pointer-events: none;
}

.product-accessory .button,
.product-accessory .which_scooter .input__radio__text,
.which_scooter .product-accessory .input__radio__text {
  position: absolute;
  bottom: 10px;
  bottom: 1rem;
  right: 12px;
  right: 1.2rem;
  font-size: 10px;
  padding: 8px 10px;
}

.product-accessory__serial {
  font-size: 0.8em;
}

.product-accessory__serial_basket {
  font-size: 1.6em;
}

.product-accessory__btn_remove {
  background-color: #5a626f;
  color: white;
}

.product-accessory__btn_remove.show {
  display: inline;
}

.product-accessory__btn_remove.hide {
  display: none;
}

.freezed .product-accessory__image {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.freezed:hover .product-accessory__image,
.freezed:hover>.product-accessory__image {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.freezed .product-accessory__title {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.freezed:hover .product-accessory__title,
.freezed:hover>.product-accessory__title {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.freezed .product-accessory__price {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.freezed:hover .product-accessory__price,
.freezed:hover>.product-accessory__price {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.product-configurator {
  padding-top: 80px;
  padding-top: 8rem;
  padding-bottom: 40px;
  padding-bottom: 4rem;
  clear: both;
  background: url("../medias/blocks/product-configurator/background.jpg") no-repeat center top #ececee;
}

.product-configurator .g-col .g-col {
  padding-left: 50px;
  padding-left: 5rem;
}

.product-configurator__rotate {
  display: inline-block;
  width: 57px;
  height: 29px;
  position: absolute;
  bottom: 50px;
  bottom: 5rem;
  margin-top: -29px;
  background: url("../medias/blocks/product-configurator/arrow@2x.png") no-repeat center;
  background-size: contain;
}

.product-configurator__rotate--right {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  right: 10px;
  right: 1rem;
}

.product-configurator__rotate--left {
  left: 10px;
  left: 1rem;
}

.product-configurator__title {
  text-align: center;
  margin-bottom: 80px;
  margin-bottom: 8rem;
}

.product-configurator__subtitle {
  font-weight: normal;
  color: #00A3E0;
  text-transform: uppercase;
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
}

.product-configurator__subsubtitle {
  font-weight: normal;
  margin-bottom: 3px;
  margin-bottom: .3rem;
}

.product-configurator__extra-copy {
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
  padding: 0 20px;
  padding: 0 2rem;
  margin: 0 auto 10px auto;
  margin: 0 auto 1rem auto;
  max-width: 80%;
}

.product-configurator .mention {
  background: #fff;
  padding: 20px;
  padding: 2rem;
  margin: 0;
}

.product-configurator .mention br:first-child {
  display: none;
}

.product-configurator__image {
  width: 90%;
  max-width: 411px;
  height: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: auto;
  display: block;
  transition: background;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: background;
}

.product-configurator__finishing {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  cursor: pointer;
}

.product-configurator__finishing input {
  display: none;
}

.product-configurator__finishing span {
  padding: 10px;
  padding: 1rem;
  display: block;
  transition: background;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: background;
}

.product-configurator__finishing span:hover {
  background: #fff;
}

.product-configurator__finishing input:checked+span {
  background: #d6d6d7;
}

.product-configurator__finishing b {
  color: #00A3E0;
  float: right;
  font-weight: normal;
}

.product-configurator__select {
  background: #d6d6d7;
  padding: 10px;
  padding: 1rem;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 20px;
  margin-bottom: 2rem;
  position: relative;
}

.product-configurator__select:before {
  position: absolute;
  right: 10px;
  right: 1rem;
  top: 50%;
  margin-top: -0.5em;
  font-size: 10px;
  font-size: 1rem;
  display: inline-block;
}

.product-configurator__select>a {
  display: block;
}

.product-configurator__select__options {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background: #d6d6d7;
  z-index: 9;
  padding: 0 10px;
  padding: 0 1rem;
  padding-bottom: 10px;
  padding-bottom: 1rem;
}

.product-configurator__select.active .product-configurator__select__options {
  display: block;
}

.product-configurator__select.active:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.product-configurator .ui-tab {
  background: #fff;
  padding: 10px;
  padding: 1rem;
}

.product-configurator .price--large {
  position: absolute;
  right: 0;
  bottom: 0;
}

.product-configurator .price--large b {
  min-width: calc(25% - 5rem);
}

.product-configurator .text--price {
  float: right;
}

.product-configurator .special_offer {
  margin: 30px 0;
  margin: 3rem 0;
  display: block;
}

.product-configurator--advanced {
  background-image: url("../medias/blocks/product-configurator/background-advanced.jpg");
}

.product-configurator--advanced .product-configurator__image {
  background-size: 172%;
  background-position: 50% 80%;
}

.product-configurator .tabs .noaccessory {
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  padding: 10px;
  padding: 1rem;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  border: 1px dashed #adadad;
}

.product-configurator .accessory-menu .f-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.product-configurator .accessory-menu .f-row .button--save {
  margin-right: auto;
  background-color: #000000;
}

.product-configurator .accessory-menu .f-row .button--send {
  background-color: #000000;
}

.product-configurator .accessory-menu .f-row .button--save:hover,
.product-configurator .accessory-menu .f-row .button--send:hover {
  background-color: #00A3E0;
}

.product-insurance {
  position: relative;
  text-align: center;
  float: right;
  width: 50%;
  height: 400px;
  height: 40rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.product-insurance__toggle {
  display: none;
  padding: 14.5px 7%;
  padding: 1.45rem 7%;
}

.product-insurance__toggle:before {
  right: 7%;
}

.product-insurance__content {
  height: 100%;
  position: relative;
}

.product-insurance__content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #00A3E0;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  z-index: 1;
}

.product-insurance__links {
  margin-top: 40px;
  margin-top: 4rem;
}

.product-insurance__links img {
  vertical-align: middle;
  height: 50px;
  height: 5rem;
  width: auto;
}

.product-insurance__links img+img {
  margin-left: 20px;
  margin-left: 2rem;
}

.product-insurance .button,
.product-insurance .which_scooter .input__radio__text,
.which_scooter .product-insurance .input__radio__text {
  color: #fff;
  margin-bottom: 60px;
  margin-bottom: 6rem;
}

.product-insurance .valign {
  position: relative;
  z-index: 2;
}

.product-insurance__title {
  margin-top: 0;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.product-insurance__subtitle {
  margin: 0;
  font-weight: 100;
  font-size: 16px;
  font-size: 1.6rem;
}

.product-insurance__title,
.product-insurance__subtitle,
.product-insurance__links {
  color: #fff;
  max-width: 500px;
  max-width: 50rem;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.product-intro {
  height: 500px;
  height: 62.5rem;
  position: relative;
  background: #fff;
}

.product-intro__slider,
.product-intro__content {
  width: 50%;
  height: 100%;
  float: left;
}

.product-intro__slider {
  background: #000;
  position: relative;
}

.product-intro__slider .ui-slider__pagination {
  display: none;
}

.product-intro__slider .ui-slider__arrow {
  font-size: 26px;
  font-size: 2.6rem;
  color: #fff;
  text-shadow: 1px 1px 1px #000, 1px 1px 1px #000;
}

.product-intro__slider .ui-slider__arrow--left {
  left: 30px;
  left: 3rem;
}

.product-intro__slider .ui-slider__arrow--right {
  right: 30px;
  right: 3rem;
}

.product-intro__content {
  text-align: center;
  padding: 0 2%;
}

.product-intro__content .flex-middle {
  display: flex;
  flex-direction: column;
}

.product-intro__content .valign__middle {
  max-width: 500px;
  max-width: 62.5rem;
  display: block;
  margin: auto auto 0;
  height: auto;
}

.product-intro__content .special_offer {
  margin-left: 60px;
  margin-left: 6rem;
}

@media screen and (max-width: 1200px) {
  .product-intro__content .special_offer {
    margin-left: 20px;
  }
}

.product-intro__content .button--link,
.product-intro__content .distributor__services_link,
.product-intro__content .distributor__minisite_link {
  margin-top: 10px;
  margin-top: 1rem;
}

.product-intro__subtitle {
  margin-top: 10px;
  margin-top: 1rem;
  font-weight: 300;
}

.product-intro__text {
  margin-top: 10px;
  margin-top: 1.3rem;
  margin-bottom: 30px;
  margin-bottom: 3.7rem;
  font-size: 12px;
  line-height: 19.2px;
}

.product-intro + .tabs .tabs__link {
  position: relative;
}
.product-intro + .tabs .tabs__link:after {
  content: '';
  position: absolute;
  bottom: 0;
  height: 0;
  left: 20px;
  right: 20px;
  background: #00A3E0;
  transition: height .2s;
}
.product-intro + .tabs .tabs__link.tabs__link-plus:after,
.product-intro + .tabs .tabs__link.tabs__link--try:after {
  display: none;
}
.product-intro + .tabs .tabs__link:hover:after {
  height: 4px;
}

/* DEVELOPPEMENT DS - MATHIEU - 14.11.19 */

.product-intro__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (min-width: 768px) {
  .product-intro__price {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: auto;
  }
}

.product-intro__price .box-price .box-price-begin {
  display: block;
  width: auto;
  height: auto;
  color: #000;
  font-size: 15px;
  margin-bottom: 10px;
}

.product-intro__price .box-price .box-price-value {
  width: auto;
  color: #000;
  font-size: 22px;
    min-height: 36px;
    display: flex;
    align-items: center;
}

.product-intro__price .box-price .box-price-value small {
    font-size: 10px;
    vertical-align: top;
    font-variant: all-small-caps;
    margin-bottom: auto;
    margin-top: 2px;
}

.product-intro__price .box-price .box-price-value [itemprop="prices"] {
  white-space: nowrap;
}

.product-intro__price .box-price.price-location .box-price-value {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 7px 5px;
  box-sizing: border-box;
  background-color: #000;
  color: #fff;
}

.product-intro__price .box-price.price-location .box-price-value .supp {
  display: inline-block;
  width: auto;
  height: auto;
  font-size: 14px;
}

.product-intro__price .box-price.price-location .box-price-value .supp:before {
  content: '/';
  display: inline-block;
  width: auto;
  height: auto;
  font-size: 18px;
}

.product-intro__price .box-price .box-price-value small {
  font-size: 14px;
  vertical-align: top;
}

.product-intro__price .btn-popin {
  display: inline-block;
  position: relative;
  top: -35px;
  margin-left: 5px;
}

.product-intro__price .btn-popin svg {
  width: 15px;
}

.product-intro__price .choice {
  display: block;
  width: 50%;
  position: relative;
  color: #000000;
  font-size: 14px;
  line-height: 15px;
  margin: 10px auto;
  min-width: 20px;
  justify-content: center;
}

.product-intro__price .choice span {
  display: block;
  position: relative;
  z-index: 3;
}

.product-intro__price .choice:before {
  display: block;
  content: '';
  height: 1px;
  width: 100%;
  background-color: #7c7c7c;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.product-intro__price .choice:after {
  display: block;
  width: 40px;
  height: 100%;
  content: '';
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

@media only screen and (min-width: 768px) {
  .product-intro__price .choice {
    display: flex;
    align-items: center;
    width: auto;
    height: 75px;
    position: relative;
    color: #000;
    line-height: 15px;
    margin: 0 8px;
    overflow: hidden;
    top: 13px;
    font-size: 11px;
    font-weight: 500;
  }

  .product-intro__price .choice span {
    position: relative;
    z-index: 3;
  }

  .product-intro__price .choice:before {
    display: block;
    content: '';
    width: 1px;
    height: 100vh;
    background-color: #7c7c7c;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
  }

  .product-intro__price .choice:after {
    display: block;
    width: 40px;
    height: 20px;
    content: '';
    background-color: #ffffff;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
  }
  .product-intro__price .price-action-button {
    margin-top: 30px;
  }
}
.product-intro__price .price-action-button {
  background: #000;
  border-bottom-color: #000;
}

/* .product-intro__price {
  color: #00A3E0;
  display: inline-block;
}

.product-intro__price div:first-of-type {
  font-size: 15px;
  font-size: 1.5rem;
}

.product-intro__price div:last-of-type {
  font-size: 52px;
  font-size: 5.2rem;
}

.product-intro__price small {
  position: relative;
  font-size: 0.3em;
  bottom: 1.5em;
}

.product-intro__price .button,
.product-intro__price .which_scooter .input__radio__text,
.which_scooter .product-intro__price .input__radio__text {
  margin-top: 20px;
  margin-top: 2rem;
} */

.popin.popin-price {
  padding: 20px 55px;
  line-height: 2.2em;
}

.popin.popin-price .popin_title {
  display: block;
  width: 100%;
  height: auto;
  color: #000;
  font-size: 16px;
}

.popin.popin-price .popin_title:after {
  content: '';
  display: block;
  width: 140px;
  height: 1px;
  background-color: #7c7c7c;
  margin: 10px auto 30px;
}

.popin.popin-price .popin_content {
  font-size: 16px;
}

.popin.popin-price .popin_content p {
  margin-bottom: 20px;
  text-align: left;
  line-height: 16px;
}

.popin.popin-price .popin_content p a,
.popin.popin-price .popin_content li a {
  text-decoration: underline !important;
}

.popin.popin-price .popin_content ul {
  margin: 0;
  padding: 0 0 20px;
  text-align: left;
}

.popin.popin-price .popin_content ul li:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #000;
  margin-right: 10px;
  text-align: left;
}

.ui-popin--popin_price .ui-popin__close {
  left: inherit;
  right: 0;
  background-color: transparent;
}

.ui-popin--popin_price .ui-popin__close:before {
  color: #7c7c7c;
  font-size: 20px;
}


/* END - DEVELOPPEMT DS - MATHIEU - 14.11.19 */

.product-quote {
  height: 400px;
  height: 40rem;
  width: 50%;
  text-align: center;
  position: relative;
  float: left;
}

.product-quote__toggle {
  display: none;
  width: 86%;
  margin: auto;
  padding: 14.5px 0;
  padding: 1.45rem 0;
}

.product-quote__content {
  height: 100%;
  position: relative;
}

.product-quote__slider {
  text-align: center;
  height: 180px;
  height: 18rem;
  width: 100%;
  margin-top: 20px;
  margin-top: 2rem;
}

.product-quote__slider img {
  height: 37px;
  height: 3.7rem;
  width: auto;
}

.product-quote__slider .button--link,
.product-quote__slider .distributor__services_link,
.product-quote__slider .distributor__minisite_link {
  margin-top: 20px;
  margin-top: 2rem;
}

.product-quote__quote {
  font-weight: 100;
  margin: 30px auto 0 auto;
  margin: 3rem auto 0 auto;
  max-width: 400px;
  max-width: 40rem;
}

.product-quote__quote:before {
  content: '“';
}

.product-quote__quote:after {
  content: '”';
}

.product-quote .ui-slider__slide {
  text-align: center;
}

.range-banner {
  text-align: right;
  z-index: 3;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  pointer-events: all;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: opacity;
}


.range-banner .valign__middle {
  align-items: flex-end;
}

.range-banner>img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.range-banner .container {
  height: 100%;
}

.range-banner__block {
  background-color: #fff;
  padding: 40px;
  padding: 4rem;
  max-width: 340px;
  max-width: 34rem;
  z-index: 2;
  display: inline-block;
  text-align: center;
  position: relative;
}

.range-banner__title {
  font-size: 37px;
  font-size: 3.7rem;
  color: #00A3E0;
}

.range-banner__content {
  margin-top: 30px;
  margin-top: 3rem;
}

.range-filters {
  text-align: center;
  min-height: 500px;
  min-height: 50rem;
  font-size: 18px;
  font-size: 1.8rem;
}

.range-filters__choose,
.range-filters a {
  padding: 20px 0;
  padding: 2rem 0;
}

.range-filters__link.hidden-desktop {
  display: none;
}

@media screen and (max-width: 767px) {
    .range-filters__link.hidden-desktop {
    display: block;
  }
}

.range-filters__choose {
  background: #adadad;
  color: #fff;
  position: relative;
}

.range-filters__choose:after,
.range-filters__choose:before {
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  background: #adadad;
  width: 1px;
  z-index: 1;
}

.range-filters__choose:before {
  left: -1px;
}

.range-filters__choose:after {
  right: -1px;
}

.range-filters select {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0.01;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  z-index: 9;
  width: 100%;
  display: none;
}

.range-filters a {
  text-transform: uppercase;
  color: #585858;
  border-bottom: 1px solid #e2e1e5;
  width: 100%;
  display: block;
  transition: background-color, color;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: background-color, color;
  font-size: 12px;
  padding: 20px 10px;
}

.range-filters a:before {
  display: none;
}

.range-filters a:hover,
.range-filters a.active {
  background-color: #00A3E0;
  color: #fff;
}

.range-filters a[data-name="*"] {
  display: none;
}

.range-grid .container {
  max-width: 1402px;
  max-width: 175rem;
  background-color: #ececee;
}

.range-grid>.container {
  border: 1px solid #e2e1e5;
  border-top: 0;
  border-bottom: 0;
}

.range-grid__summaries {
  background: #fff;
  height: 300px;
  height: 30rem;
  display: block;
  position: relative;
}

.range-grid__summaries:before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #e2e1e5;
  height: 1px;
  left: 0;
  z-index: 1;
}

.range-grid__summaries .range-summary {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 300px;
  height: 30rem;
  bottom: auto;
}

.range-grid__filter {
  text-align: center;
  border-bottom: 1px solid #e2e1e5;
  border-left: 1px solid #e2e1e5;
}

.range-grid__filter .button--dropdown {
  padding: 20px 0;
  padding: 2rem 0;
  display: block;
}

.range-grid__filter .input--checkbox {
  width: 50%;
  float: left;
  clear: none;
  margin-top: 0 !important;
  padding-left: 10%;
}

.range-grid__filter .input .inline-left {
  width: 80px;
  width: 8rem;
}

.range-grid__filter .input .inline-right {
  width: calc(100% - 8rem);
}

.range-grid__filter .input--range {
  width: 80%;
  margin: auto;
}

.range-grid__filter .g-col {
  padding: 30px 0;
  padding: 3rem 0;
  margin-top: 20px;
  margin-top: 2rem;
}

.range-grid__filter .g-col+.g-col:after {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: #d5d3d9;
  content: '';
}

.range-grid__products {
  min-height: 520px;
  min-height: 52rem;
}

.range-grid__products:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #e2e1e5;
  content: '';
}

.range-grid__products .product {
  width: 25%;
  float: left;
  border-top: 0;
  background: #fff;
  border-right: 0;
}

.which_scooter__list .range-grid__products .product {
  border-top: 1px solid #e2e1e5;
  border-right: 1px solid #e2e1e5;
}

.range-grid .mention {
  border: 1px solid #e2e1e5;
  position: relative;
  background-color: #fff;
  margin: 0;
  margin-top: -1px;
  padding: 10px 30px;
  padding: 1rem 3rem;
  border-right: 1;
}

.range-summary>img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.range-summary__container {
  height: 100%;
  position: relative;
  z-index: 1;
  width: 40%;
  margin: 0 15% 0 45%;
  text-align: center;
}

.range-summary__logo {
  max-width: 80%;
  height: auto;
}

.range-summary__text {
  margin-top: 30px;
  margin-top: 3rem;
}

.accessory-summary__container {
  margin: 0 2% 0 45%;
  width: auto;
}

.accessory-summary__container .range-summary__text {
  margin-top: auto;
  font-size: 40px;
  font-size: 4rem;
  text-transform: uppercase;
}

.slider_product {
  padding-bottom: 30px;
  padding-bottom: 3rem;
  overflow: hidden;
}

.slider_product .title-main {
  text-align: center;
}

.slider_product__slider {
  height: 520px;
  height: 52rem;
}

.slider_product__slider .product {
  width: 31.33%;
  margin: 0 1%;
}

.slider_product__slider .ui-slider__slide {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: white;
}

.slider_product__slider .ui-slider__arrows {
  font-size: 25px;
  font-size: 2.5rem;
}

.slider_product__slider .ui-slider__arrow {
  color: #adadad;
  transition: color;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: color;
}

.slider_product__slider .ui-slider__arrow:hover {
  color: #00A3E0;
}

.slider_product__slider .ui-slider__arrow--left {
  left: 20px;
  left: 2rem;
}

.slider_product__slider .ui-slider__arrow--left span {
  left: 24px;
  left: 2.4rem;
}

.slider_product__slider .ui-slider__arrow--right {
  right: 20px;
  right: 2rem;
}

.slider_product__slider .ui-slider__arrow--right span {
  right: 24px;
  right: 2.4rem;
}

.slider_product__slider .ui-slider__arrow span {
  font-size: 15px;
  font-size: 1.5rem;
  position: absolute;
  display: block;
  width: auto;
  white-space: nowrap;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.success_story-focus--left .valign {
  float: left;
}

.success_story-focus--right .valign {
  float: right;
}

.success_story-focus__main .container,
.success_story-focus__more .container {
  height: 100%;
  position: relative;
  z-index: 2;
}

.success_story-focus__main__title,
.success_story-focus__more__title {
  font-weight: 400;
}

.success_story-focus__main__excerpt,
.success_story-focus__more__excerpt {
  margin-top: 20px;
  margin-top: 2rem;
}

.success_story-focus__main,
.success_story-focus__more,
.success_story-focus__slider {
  height: 500px;
  height: 50rem;
}

.success_story-focus__main__background {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  object-position: bottom center;
  position: absolute !important;
}

.success_story-focus__main .valign {
  position: relative;
  z-index: 1;
  width: 42%;
}

.success_story-focus__main__title {
  margin-top: 20px;
  margin-top: 2rem;
}

.success_story-focus__main__toggle {
  font-size: 16px;
  font-size: 1.6rem;
  color: #00A3E0;
  margin-top: 40px;
  margin-top: 4rem;
  display: inline-block;
  position: relative;
}

.success_story-focus__main__link {
  font-size: 16px;
  font-size: 1.6rem;
  color: #00A3E0;
  margin-top: 40px;
  margin-top: 4rem;
  display: inline-block;
  position: relative;
}

.success_story-focus__main__toggle {
  padding-right: 30px;
  padding-right: 3rem;
}

.success_story-focus__main__toggle:after {
  font-size: 0.5em;
  color: #fff;
  z-index: 10;
  display: inline-block;
  vertical-align: middle;
  background-color: #00A3E0;
  padding: 8px 8px 7px 7px;
  border-radius: 50%;
  margin-left: 10px;
  margin-left: 1rem;
  transition: -webkit-transform;
  transition: transform;
  transition: transform, -webkit-transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}

.ui-toggle--active .success_story-focus__main__toggle:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.success_story-focus__more {
  background-color: #ececee;
}

.success_story-focus__more .valign {
  float: none !important;
  /* position: absolute; top: 0 */
}

.success_story-focus__more__background {
  z-index: -1;
  width: 100%;
  height: 80%;
  position: absolute;
  top: 10%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.success_story-focus__more:nth-of-type(odd) .valign {
  padding-left: 50%;
}

.success_story-focus__more:nth-of-type(odd) .success_story-focus__more__background {
  left: -22%;
}

.success_story-focus__more:nth-of-type(even) .valign {
  padding-right: 50%;
}

.success_story-focus__more:nth-of-type(even) .success_story-focus__more__background {
  right: -22%;
}

.success_story-focus__slider {
  background-color: #00A3E0;
}

.success_story-focus__slider .swiper-container {
  height: 100%;
}

.success_story-focus__slider .swiper-slide:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #00A3E0;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  transition: opacity;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: opacity;
}

.success_story-focus__slider .swiper-slide-active:after {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.success_story-focus__slider .swiper-button-prev,
.success_story-focus__slider .swiper-button-next {
  font-size: 30px;
  font-size: 3rem;
  color: #fff;
  background: none;
  height: auto;
  margin-top: -0.5em;
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.success_story-focus__slider .swiper-button-prev {
  left: 5%;
}

.success_story-focus__slider .swiper-button-next {
  right: 5%;
}

.success_story-focus__slider__slide {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url("") no-repeat center/cover;
  width: 100%;
  margin: 0 auto;
}

.success_story-timeline {
  text-align: center;
  padding-top: 50px;
  padding-top: 5rem;
  background-size: 100% 100%;
  overflow: hidden;
  background-image: url("../medias/blocks/success_story-timeline/background.jpg");
}

.success_story-timeline__title,
.success_story-timeline__subtitle {
  font-weight: 100;
  padding: 0 20px;
  padding: 0 2rem;
  color: #000;
}

.success_story-timeline__subtitle {
  margin-top: 10px;
  margin-top: 1rem;
}

.success_story-timeline__filter_desktop {
  display: inline-block;
  margin-top: 40px;
  margin-top: 4rem;
  border-bottom: 2px solid rgba(173, 173, 173, 0.2);
}

.success_story-timeline__filter_desktop__button {
  color: #7c7c7c;
  padding-bottom: 15px;
  padding-bottom: 1.5rem;
  display: inline-block;
  position: relative;
  transition: color;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: color;
}

.success_story-timeline__filter_desktop__button:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  height: 2px;
  width: 100%;
  background-color: #00A3E0;
  transition: opacity;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: opacity;
}

.success_story-timeline__filter_desktop__button+.success_story-timeline__filter_desktop__button {
  margin-left: 45px;
  margin-left: 4.5rem;
}

.desktop .success_story-timeline__filter_desktop__button:hover {
  color: #00A3E0;
}

.desktop .success_story-timeline__filter_desktop__button:hover:after {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

.success_story-timeline__filter_desktop__button.active {
  color: #00A3E0;
}

.success_story-timeline__filter_desktop__button.active:after {
  opacity: 1 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.success_story-timeline__filter_mobile {
  display: block;
  width: calc(100% - 4rem);
  margin: 0 auto;
  background-color: #fff;
  margin-top: 20px;
  margin-top: 2rem;
  position: relative;
  border: 1px solid #e2e1e5;
}

.success_story-timeline__filter_mobile:before {
  position: absolute;
  right: 20px;
  right: 2rem;
  margin-top: -0.5em;
  font-size: 12px;
  font-size: 1.2rem;
  color: #00A3E0;
  top: 50%;
}

.success_story-timeline__filter_mobile select {
  padding: 10px;
  padding: 1rem;
  width: 100%;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  font-size: 16px;
  /* prevent 'zoom on focus' on iOS*/
}

.success_story-timeline__slider {
  height: 585px;
  height: 58.5rem;
  margin: 0 auto;
  max-width: 1300px;
  max-width: 130rem;
  position: relative;
  font-size: 0;
}

.success_story-timeline__slider .swiper-container {
  width: 100%;
  height: 100%;
  /* &.count--1{
        .swiper-slide{ opacity: 1; pointer-events: all }
        .swiper-button-disabled{ opacity: 0 }
      }
      &.count--2{
        .swiper-slide{
          opacity: 1; pointer-events: all;
          &:nth-child(1) .slide{ margin-right: 0 }
          &:nth-child(2) .slide{ margin-left: 0 }
        }
        .swiper-button-disabled{ opacity: 0 }
      } */
}

.success_story-timeline__slider:before,
.success_story-timeline__slider:after {
  content: '';
  position: absolute;
  width: 200%;
  left: -50%;
}

.success_story-timeline__slider:before {
  height: 2px;
  top: 256px;
  top: 25.6rem;
  background-color: #e2e1e5;
}

.success_story-timeline__slider:after {
  height: 110px;
  height: 11rem;
  border-top: 1px solid #fff;
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
}

.success_story-timeline__slider .swiper-slide {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  transition: opacity;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: opacity;
  pointer-events: none;
  /* &.has-info{ z-index: 2 } */
}

.success_story-timeline__slider .swiper-slide-active+.swiper-slide,
.success_story-timeline__slider .swiper-slide-active:only-child {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  z-index: 1;
  pointer-events: all;
}

.success_story-timeline__slider .swiper-slide-active+.swiper-slide .slide__circle__dot,
.success_story-timeline__slider .swiper-slide-active:only-child .slide__circle__dot {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.success_story-timeline__slider .slide {
  text-align: center;
  position: relative;
  height: 100%;
  padding-top: 50px;
  padding-top: 5rem;
  /* max-width: 380px; margin: auto; */
}

.success_story-timeline__slider .slide__info {
  background-color: #fff;
  padding: 30px;
  padding: 3rem;
  display: none;
  position: absolute;
  width: 320px;
  width: 32rem;
  height: auto;
  left: 85%;
  top: 30px;
  top: 3rem;
  z-index: 10;
  text-align: left;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  -webkit-animation: slide-left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
  animation: slide-left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.success_story-timeline__slider .slide__info.active {
  display: block;
}

.success_story-timeline__slider .slide__info:before {
  content: '';
  position: absolute;
  background-color: #fff;
  width: 15px;
  width: 1.5rem;
  height: 15px;
  height: 1.5rem;
  left: -8px;
  left: -0.8rem;
  top: 75px;
  top: 7.5rem;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.success_story-timeline__slider .slide__info__close {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #00A3E0;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0.4em;
  color: #fff;
  line-height: 0.8em;
}

.success_story-timeline__slider .slide__info__title,
.success_story-timeline__slider .slide__info__text {
  color: #24394d;
}

.success_story-timeline__slider .slide__info__text {
  line-height: 1.4em;
}

.success_story-timeline__slider .slide__info__text,
.success_story-timeline__slider .slide__info__image,
.success_story-timeline__slider .slide__info .button--link,
.success_story-timeline__slider .slide__info .distributor__services_link,
.success_story-timeline__slider .slide__info .distributor__minisite_link {
  margin-top: 20px;
  margin-top: 2rem;
}

.success_story-timeline__slider .slide__info__image {
  width: 100%;
  height: auto;
}

.success_story-timeline__slider .slide__image {
  height: 174px;
  height: 17.4rem;
  background-position: center;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
}

.success_story-timeline__slider .slide__circle {
  margin: 15px auto;
  margin: 1.5rem auto;
  width: 35px;
  width: 3.5rem;
  height: 35px;
  height: 3.5rem;
  border-radius: 100%;
  font-size: 35px;
  font-size: 3.5rem;
  position: relative;
  border: 2px solid #e2e1e5;
  background-attachment: fixed;
  background-image: url("../medias/blocks/success_story-timeline/background.jpg");
}

.success_story-timeline__slider .slide__circle__dot {
  background-color: #00A3E0;
  -webkit-transform: scale(0.3);
  -ms-transform: scale(0.3);
  transform: scale(0.3);
  transition: -webkit-transform;
  transition: transform;
  transition: transform, -webkit-transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  border-radius: 100%;
  position: absolute;
  left: 15%;
  top: 15%;
  bottom: 15%;
  right: 15%;
}

.success_story-timeline__slider .slide__year {
  color: #00A3E0;
}

.success_story-timeline__slider .slide__title,
.success_story-timeline__slider .slide__text,
.success_story-timeline__slider .slide .button--link,
.success_story-timeline__slider .slide .distributor__services_link,
.success_story-timeline__slider .slide .distributor__minisite_link {
  margin-top: 10px;
  margin-top: 1rem;
}

.success_story-timeline__slider .slide__title,
.success_story-timeline__slider .slide__text {
  padding: 0 40px;
  padding: 0 4rem;
}

.success_story-timeline__slider .slide__title {
  font-weight: 700;
}

.success_story-timeline__slider .slide__fact {
  position: absolute;
  bottom: 0;
  height: 110px;
  height: 11rem;
  width: 100%;
}

.success_story-timeline__slider .slide__fact__date {
  color: #00A3E0;
}

.success_story-timeline__slider .slide__fact__text {
  margin-top: 5px;
  margin-top: 0.5rem;
}

.success_story-timeline__slider .swiper-button-prev,
.success_story-timeline__slider .swiper-button-next {
  font-size: 20px;
  font-size: 2rem;
  top: 140px;
  top: 14rem;
  color: #00A3E0;
  background: none;
}

.technicals {
  background-color: #e2e2e2;
  padding: 20px 0;
}

.technicals .tabs {
  color: #000;
}

.technicals .focus__main .valign__middle>* {
  max-width: none;
}

.technicals .focus__main {
  height: auto;
  width: 93%;
  max-width: 500px;
  margin: auto;
}

.technicals .focus__main .focus__title {
  font-size: 22px;
  font-size: 2.2rem;
  text-align: center;
  color: #3c3947;
}

.technicals .focus__main .focus__title:before {
  content: none;
}

.technicals .accessory-menu {
  margin-top: 20px;
}

.technicals .accessory-menu .tabs {
  background-color: transparent;
}

.technicals .accessory-menu .ui-tab {
  width: 96%;
  max-width: 1040px;
  max-width: 104rem;
  position: relative;
  margin: 0 auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.technicals li {
  font-size: 15px;
  font-size: 1.5rem;
  padding: 5px 0;
  line-height: 1.3;
}

.technicals .label {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .technicals .columns li {
    display: inline-block;
  }
}

.technicals .tabs__link--technical {
  color: #fff;
  border-top: 2px solid #e2e2e2 !important;
}

.technicals .ui-tabs--active-technical {
  color: #00A3E0;
  background-color: #fff;
}

.technicals .colorsContainer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
}

.technicals .colorsContainer img {
  width: 27px;
  height: 27px;
  border: 1px solid white;
  border-radius: 4px;
  margin: 4px;
}

.story-overlay__close {
  display: none;
  font-size: 32px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background-color: #000000;
  text-align: center;
  line-height: 50px;
  color: white;
  position: absolute;
  top: 0;
  left: 50vh;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.story-overlay .youtube-embed {
  display: none;
}

.story-overlay.open {
  display: block;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.9);
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.story-overlay.open article {
  width: 57vh;
  height: 100vh;
}

.story-overlay.open .story-overlay__close {
  display: block;
}

.story-overlay.open .youtube-embed {
  display: inline;
}

.whoweare-midslide {
  height: 500px;
  height: 50rem;
  text-align: center;
}

.whoweare-midslide--right .valign {
  padding: 0 calc(50% + 6rem) 0 6rem;
}

.whoweare-midslide--left .valign {
  padding: 0 6rem 0 calc(50% + 6rem);
}

.whoweare-midslide--dark {
  color: #24394d;
}

.whoweare-midslide--clear {
  color: #fff;
}

.whoweare-midslide .ui-fit__cover {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.whoweare-midslide>* {
  position: relative;
  z-index: 1;
}

.whoweare-midslide .valign {
  width: 75%;
}

.whoweare-midslide__logo {
  max-width: 70%;
}

.whoweare-midslide__title {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 100;
  color: black;
}

*+.whoweare-midslide__title {
  margin-top: 40px;
  margin-top: 4rem;
}

.whoweare-midslide__text {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 100;
  color: black;
}

*+.whoweare-midslide__text {
  margin-top: 20px;
  margin-top: 2rem;
}

.whoweare-midslide .button--main,
.whoweare-midslide .button--main--promo,
.whoweare-midslide .button--send,
.whoweare-midslide .button--save,
.whoweare-midslide .button--try,
.whoweare-midslide .button--calculette,
.whoweare-midslide .button--info {
  margin-top: 60px;
  margin-top: 6rem;
  width: 250px;
  width: 25rem;
}

.whoweare-midslide br+.button--main,
.whoweare-midslide br+.button--main--promo,
.whoweare-midslide br+.button--send,
.whoweare-midslide br+.button--save,
.whoweare-midslide br+.button--try,
.whoweare-midslide br+.button--calculette,
.whoweare-midslide br+.button--info {
  margin-top: 20px;
  margin-top: 2rem;
}

.whoweare-banner {
  height: 500px;
  height: 50rem;
  position: relative;
  text-align: center;
  overflow: hidden;
}

.whoweare-banner.ui-fit:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #00A3E0;
  opacity: 0.85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  z-index: 1;
}

.whoweare-banner.ui-fit .ui-fit__cover {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.whoweare-banner--half {
  width: 50%;
  height: 400px;
  height: 40rem;
  float: left;
}

.whoweare-banner--left .valign {
  width: 55%;
  margin-left: 0;
}

.whoweare-banner--right .valign {
  width: 55%;
  margin-right: 0;
}

.whoweare-banner--clear .banner__title,
.whoweare-banner--clear .banner__subtitle,
.whoweare-banner--clear .button--link,
.whoweare-banner--clear .distributor__services_link,
.whoweare-banner--clear .distributor__minisite_link {
  color: #24394d !important;
}

.whoweare-banner--clear.ui-fit:after {
  background: #fff;
}

.whoweare-banner--dark.ui-fit:after {
  background: #000000;
}

.whoweare-banner--no_filter.ui-fit:after {
  background: #000;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

.whoweare-banner--transparent.ui-fit:after {
  background: #000;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.whoweare-banner .valign {
  position: relative;
  z-index: 2;
}

.whoweare-banner__title,
.whoweare-banner__subtitle,
.whoweare-banner .button--link,
.whoweare-banner .distributor__services_link,
.whoweare-banner .distributor__minisite_link,
.whoweare-banner__text {
  color: #fff;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  font-weight: 100;
}

.desktop .whoweare-banner .button--link:hover,
.desktop .whoweare-banner .distributor__services_link:hover,
.desktop .whoweare-banner .distributor__minisite_link:hover {
  color: #eee;
}

.whoweare-banner__title {
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.whoweare-banner__title b {
  font-weight: inherit;
}

.whoweare-banner__image {
  display: block;
  margin: 0 auto;
  max-width: 80%;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.whoweare-banner__text {
  font-size: 30px;
  font-size: 3rem;
  margin: 20px auto;
  margin: 2rem auto;
  font-weight: 100;
  max-width: 400px;
  max-width: 40rem;
  margin-top: 40px;
  margin-top: 4rem;
}

.whoweare-banner__subtitle {
  max-width: none;
}

.whoweare-banner .button--link,
.whoweare-banner .distributor__services_link,
.whoweare-banner .distributor__minisite_link {
  margin-top: 50px;
  margin-top: 5rem;
}

.whoweare-banner__content {
  max-width: 500px;
  max-width: 50rem;
  width: 90%;
  margin: auto;
  margin-top: 80px;
  margin-top: 8rem;
  text-align: left;
}

.whoweare-banner__content:empty {
  display: none;
}

.whoweare-banner__content .g-col {
  padding: 20px;
  padding: 2rem;
}

.whoweare-banner__content .g-col:first-of-type {
  padding-left: 0;
}

.whoweare-banner__content .g-col:last-of-type {
  padding-right: 0;
}

.header+.banner {
  margin-top: -1px;
  padding-top: 1px;
}

html,
body {
  height: 100%;
}

body {
  overflow-x: hidden;
}

.cookies {
  position: relative;
  z-index: 1000;
  width: 100%;
  background-color: #00A3E0;
  color: #fff;
  position: fixed;
  top: 0px;
  padding: 20px 50px 12px 20px;
  min-height: 80px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  display: none;
}

.cookies .cookies__close {
  display: block;
  position: absolute;
  right: 10px;
  top: 12px;
}

.footer {
  background: #000;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  position: relative;
  clear: both;
  display: flex;
  flex-direction: column;
  padding-bottom: 70px;
}

.footer__container {
  width: 1440px;
  max-width: 100%;
  padding: 0 40px;
  margin: 0 auto;
}

.prefooter__wrapper {
  border-bottom: 1px solid #fff;
}

.prefooter__content {
  display: flex;
}

.prefooter__link:not(:first-child) {
  border-left: 1px solid #fff;
}

.prefooter__link {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 10px;
  padding: 0 20px;
}

.prefooter__link .peugeoticonnew {
  font-size: 25px;
  margin-right: 15px;
}

.footer__content {
  padding-top: 77px;
  display: flex;
}

.footer__content__column {
  flex: 1;
}

.footer__content__column:not(.extra) {
  padding-right: 20px;
  min-width: 25%;
}

.footer__content__column.extra {
  margin-left: auto;
}

.footer__content__column ul li {
  font-size: 12px;
  color: #adaeb2;
  line-height: 24px;
}

.footer__content__column ul li.empty {
  user-select: none;
  cursor: default;
}

.footer__title {
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
  text-transform: uppercase;
  margin-bottom: 28px;
}

.footer__bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #adaeb2;
  padding-top: 44px;
  font-size: 13px;
}
.footer__logo {
  width: 120px;
}

.footer__links {
  display: block;
  text-align: center;
  padding: 0 10px;
  vertical-align: middle;
  margin: 10px 0;
  font-size: 12px;
  line-height: 24px;
}
.footer__links li:last-child a {
  border: none;
  margin: 0;
  padding: 0;
}
.footer__link {
  display: inline-block;
}

.footer__link a {
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  margin-right: 10px;
  margin-right: 1rem;
  padding-right: 10px;
  padding-right: 1rem;
  font-size: 10px;
  line-height: 22px;
}

.dotcom .footer {
  font-size: 13.33px;
  font-size: 1.333rem;
  padding: 21px 20px;
  padding: 2.1rem 2rem;
  font-family: 'Peugeot';
}

.footer__peugeot {
  display: block;
  vertical-align: middle;
  font-size: 10px;
  line-height: 22px;
}

img[src*="zemanta"],
img[src*="kmtx.io"] {
  position: absolute;
  bottom: 0;
  left: 0;
}

.footer__peugeot:before {
  display: inline-block;
  vertical-align: sub;
  font-size: 25px;
  font-size: 2.5rem;
  margin-right: 0px;
  margin-right: 0rem;
  color: #fff;
}

.dotcom .footer__link a {
  border-left: 1px solid #00A3E0;
}

.desktop .footer__link a:hover {
  color: #00a3e0;
}

.dotcom .footer__link:hover {
  color: #fff;
}
.footer__contact {

}
.footer__social a {
  font-size: 30px;
  margin-right: 45px;
}
.footer__social a:last-child {
  margin-right: 0;
}
.footer__contact_link {
  font-size: 14px;
  font-size: 1.4rem;
  background: #24394d;
  transition: color, background;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: color, background;
  float: right;
  max-height: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 21px;
}

.desktop .footer__contact_link:hover {
  color: #00A3E0;
  background: #1c2c3c;
}

.footer__contact_link:before {
  display: inline-block;
  vertical-align: middle;
  font-size: 25px;
  font-size: 2.5rem;
  margin-right: 10px;
  margin-right: 1rem;
}

.newsletter--form {
  display: flex;
  color: #FFF;
  position: relative;
}

.newsletter--form #to-error {
  position: absolute;
  left: 0;
  text-align: left;
  bottom: -20px;
  padding: 0 25px;
  color: #ff0000;
  font-size: 13px;
}

.newsletter--container {
  margin-bottom: 66px;
}

.newsletter--input {
  border: 1px solid #FFF;
  background: #000;
  padding: 0 20px;
  margin-right: 17px;
  height: 45px;
  width: 66%;
  color: inherit;
}

.newsletter--input::placeholder {
  font-size: 14px;
  color: #ADAEB2;
  line-height: 26px;
}

.newsletter--send {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #FFF;
  background: #000;
  width: 45px;
  color: inherit;
  cursor: pointer;
}

.newsletter--send .peugeoticonnew {
  font-size: 25px;
}

html[lang="vi"] .footer__copy-vietnam,
html[lang="vi2"] .footer__copy-vietnam {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  margin-left: 10px;
  margin-left: 1rem;
  padding-left: 10px;
  padding-left: 1rem;
}

.header {
  background: #000;
  color: #fff;
  height: 145px;
  position: fixed;
  z-index: 1000;
  text-align: center;
  text-transform: uppercase;
  top: 0;
  width: 100%;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  transition: height .25s;
}
.sticky.header {
  height: 50px;
}

.dotcom .header {
  background: #152946;
}

.header.withCookieBanner {
  top: 80px;
}

.header__links {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  right: 0;
  display: flex;
  width: 100%;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 20px;
}

.dotcom .header__links {
  border-bottom: 1px solid #265d86;
  right: 0;
}

@media screen and (min-width: 1130px) {
  .header__inner {
    display: flex;
    align-items: center;
    font-weight: 700;
    flex: 1;
    justify-content: flex-start;
  }
  .header__inner .header__link {
    display: flex;
    width: auto;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 18.5px 12.5px;
  }
  .header__inner:not(.fr):not(.es) .header__link:not(.from-right-menu) {
    padding: 18.5px 5.5px;
  }
  .header__inner:not(.fr):not(.es) .header__inner__container > .header__link:first-child {
    margin-left: -5.5px;
  }
  .sticky .header__inner .header__link {
    padding: 17.5px 12.5px;
  }
  .header__inner__container .header__link,
  .header__inner__container.hovered .header__link:hover {
    opacity: 1;
    transition: all .25s;
  }
  .header__inner__container.hovered .header__link {
    opacity: .6;
  }

  .header__inner .header__inner__container > .header__link:first-child {
    margin-left: -12.5px;
  }
  .header__inner .header__link:last-child {
    margin: 0;
  }
  .header__inner__container {
    display: flex;
    flex: 1;
    overflow: visible;
    position: relative;
  }
  .header__inner__container:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 1px;
    background: #fff;
    transition: width .5s;
    opacity: .6;
  }
  .sticky .header__inner__container:after {
    width: 0;
  }
  .header__inner .header__link.from-right-menu {
    margin: 0;
    font-size: 25px;
    padding: 0 5px;
  }
  .sticky .header__link--logo+* {
    padding: 0;
  }
}
.header__inner .header__link {
  display: flex;
  width: auto;
  flex-direction: row;
  position: relative;
  font-size: 10px;
}

.top-right-menu {
  display: flex;
  margin-left: auto;
}

.header__inner .top-right-menu .header__link:last-child:before,
.header__inner .top-right-menu .header__link span:after,
.header__inner .top-right-menu .header__link span:after {
  display: none;
}
@media screen and (min-width: 1130px) {
  .header__inner .header__link:not(.from-right-menu):after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 12.5px;
    right: 12.5px;
    transition: height .25s, background-color 0s, opacity 0s;
    transition-delay: 0s, .25s, .25s;
    height: 1px;
    content: "";
    z-index: 1;
    opacity: 1;
  }

  .header__inner .header__link:hover:after {
    background-color: #00A3E0;
    height: 4px;
    transition-delay: 0s, 0s;
  }
}

@media screen and (min-width: 1130px) and (max-width: 1399px) {
  .header__inner:not(.fr):not(.es) .header__link:not(.from-right-menu):after {
    left: 5.5px;
    right: 5.5px;
  }
}

@media screen and (max-width: 1129px) {
  .header__inner .top-right-menu {
    flex-direction: column;
    margin-top: 28px;
    padding-top: 22px;
    position: relative;
  }
  .header__inner .top-right-menu:after {
    content: "";
    height: 1px;
    position: absolute;
    left: 8px;
    right: 8px;
    top: 0;
    background: #fff;
  }
  .header__inner .top-right-menu .header__link {
    display: flex;
  }
  .header__inner .top-right-menu .header__link .icon {
    display: inline-block;
  }
  .header__inner .top-right-menu .header__link .header-txt-inline,
  .header__inner .top-right-menu .header__link .light {
    color: #fff;
    font-size: 12px;
  }
  .header__inner .top-right-menu .header__link .light {
    margin-right: 4px;
  }
  .header__link span.header-txt-inline {
    display: block;
  }
  .social__title {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 42px;
  }
  .footer__social {
    height: 45px;
    display: flex;
    align-items: center;
  }

  .footer__content__column ul li {
    font-size: 12px;
  }

  .newsletter--input {
    width: 100%;
    max-width: 270px;
  }
  .prefooter__link:nth-child(odd) {
    border-left: none;
  }
}


.dotcom .header__inner {
  width: 90%;
}

.dotcom .header__inner .header__link {
  width: 11.11111%;
}

.header__link {
  display: table-cell;
  vertical-align: middle;
  width: 11.11111%;
  transition: background, border, color;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: background, border, color;
}

.dotcom .header__link {
  width: 10%;
}

.header__link:before {
  display: inline-block;
  display: none;
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
  font-size: 42px;
  font-size: 2.2rem;
  color: #adadad;
  transition: color;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: color;
}

@media screen and (min-width: 1130px) {
  .header__inner .top-right-menu .header__link .wrapper-txt {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
  }
  .header__link span.header-txt-inline {
    font-size: 8px;
    right: 0;
    padding: 0;
    top: 0;
    line-height: 1;
    background: #000;
    transition: all 0.2s;
    min-height: 28px;
    display: flex;
    position: static;
    transform: none;
    white-space: normal;
    justify-content: center;
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 3px;
  }
  .ie10 .header__link span.header-txt-inline,
  .ie11 .header__link span.header-txt-inline {
    padding-top: 4px;
  }
  .header__link span.header-txt-inline .light {
    margin-bottom: 2px;
  }
  .sticky .header__link span.header-txt-inline {
    top: 45px;
    padding-top: 0;
  }
  .social__title br {
    display: none;
  }
}

@media screen and (min-width: 1400px) {
  .header__inner .header__inner__container > .header__link {
    padding: 18.5px 12.5px;
  }
  .header__inner:not(.fr):not(.es) .header__link:not(.from-right-menu) {
    padding: 18.5px 12.5px;
  }
  .header__inner:not(.fr):not(.es) .header__inner__container > .header__link:first-child,
  .header__inner .header__inner__container > .header__link:first-child {
    margin-left: -12.5px;
  }

  .header__link span.header-txt-inline {
    font-size: 9px;
    align-items: center;
    flex-direction: row;
  }

  .ie10 .header__link span.header-txt-inline,
  .ie11 .header__link span.header-txt-inline {
    padding-top: 8px;
  }
  .header__link span.header-txt-inline .light {
    margin-bottom: 0;
  }
}

.dotcom .header__link:before {
  color: #64869e;
}

.dotcom .header__link span {
  color: #fff;
}

.header__link--logo {
  height: 100%;
  background-size: contain;
  border: 0;
  position: relative;
}
@media screen and (min-width: 1130px) {
  .ie10 .header__link--logo,
  .ie11 .header__link--logo {
    width: 140px;
    display: block;
  }
}
.header__link--logo:before,
.header__link--logo:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity .25s;
}
.header__link--logo:before {
  background: url("../medias/blocks/header/logo-peugeot-motocycles.svg") no-repeat center;
  opacity: 1;
  background-size: contain;
  margin: 0;
}
.header__link--logo:after {
  background: url("../medias/blocks/header/logo-peugeot-motocycles-light.svg") no-repeat center;
  opacity: 0;
}
.sticky .header__link--logo:before {
  opacity: 0;
}
.sticky .header__link--logo:after {
  opacity: 1;
}

.header__link--logo+* {
  border-left: 0;
  padding: 44px 0;
  transition: opacity .25s;
}

.dotcom .header__link--logo {
  background-image: url("../medias/blocks/header/logo-peugeot-motocycles.png");
}

.header__link--range:before {
  -webkit-transform: scale(1.43);
  -ms-transform: scale(1.43);
  transform: scale(1.43);
}

.header__alt {
  display: table-cell;
  vertical-align: middle;
  width: 10%;
  border-left: 0;
}

.dotcom .header__social {
  position: relative;
  left: auto;
  width: 100%;
  margin: auto;
  height: 50%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.dotcom .header__network+.header__network {
  border-top: 1px solid #265d86;
}

.desktop .header__network:hover {
  color: #fff;
}

.header__lang {
  height: 50%;
  border-left: 1px solid #265d86;
  color: #64869e;
  font-size: 18px;
  font-family: 'Peugeot';
}

.header__lang .activ {
  color: #00A3E0;
}

.header__lang>* {
  position: relative;
  top: 36%;
}

main {
  padding-top: 144px;
  min-height: calc(100% - 8.5rem);
}
main:before {
  content: '';
  background: #ececec;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 180px;
  z-index: -1;
}
main.login-page {
    position: relative;
  min-height: 300px;
}
.complete-video ~ main {
  padding-top: 0;
}

.account .title-main {
  padding-bottom: 40px;
  padding-bottom: 4rem;
}

.account .title-main h2 {
  letter-spacing: -0.5px;
}

@media screen and (max-width: 960px) {
  .account .title-main h2 {
    font-size: 16px;
  }
}

.account .read-only+form {
  display: none;
}

.account .slider_product .title-main {
  padding-top: 0;
}

.account .ui-tab {
  color: #3c3947;
}

.account__tab--profile form .error {
  display: block;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  color: #aa0000;
}

.account__tab--profile .scoots_results {
  float: left;
  margin-bottom: 30px;
  margin-bottom: 3rem;
}

.account__tab--profile .scoots_results .product_container {
  width: 33.33%;
}

.compare .compare-product {
  width: 50%;
  float: left;
}

.contact {
  margin-top: 60px;
  margin-top: 6rem;
  margin-bottom: 32px;
}

.create_account__step {
  display: none;
}

.create_account__step--active {
  display: block;
}

.create_account__step.container,
.create_account__step>.container {
  max-width: 620px;
  max-width: 62rem;
  margin-bottom: 60px;
  margin-bottom: 6rem;
}

.create_account__step--creation .input_peugeot {
  display: none;
}

.create_account__step--profile .scoots_results .title-main {
  font-size: 20px;
  font-size: 2rem;
  padding: 20px 0;
  padding: 2rem 0;
}

.create_account .scoots_results.results_shown {
  width: 96%;
  max-width: 1040px;
  max-width: 104rem;
}

.create_account .scoots_results .product_container {
  width: 33.1%;
}

.create_account .register_confirm {
  display: none;
  text-align: center;
}

.login {
  background: no-repeat center/cover;
}

.login:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #00A3E0;
  opacity: 0.85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  z-index: 1;
}

.login>* {
  position: relative;
  z-index: 2;
  margin-bottom: 0;
}

.login .title-main {
  text-align: center;
  color: #fff;
  font-weight: 400;
  padding-top: 100px;
  padding-bottom: 60px;
}

.login__subtitle {
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-bottom: 5rem;
  font-weight: 300;
}

.login__subtitle,
.login .input__label,
.login .button--underline {
  color: #fff;
}

.login form {
  padding-bottom: 100px;
}

.login .input--password {
  margin-top: 24px;
  margin-top: 3rem;
}

.login .input--submit {
  display: block;
  margin-top: 20px;
  margin-top: 5rem;
}

.login .input--submit+.input--submit {
  margin-top: 40px;
  margin-top: 4rem;
}

.login .input__tag {
  border-color: transparent;
}

.login .button--main,
.login .button--main--promo,
.login .button--send,
.login .button--save,
.login .button--try,
.login .button--calculette,
.login .button--info {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}

.desktop .login .button--main:hover,
.desktop .login .button--main--promo:hover,
.desktop .login .button--send:hover,
.desktop .login .button--save:hover,
.desktop .login .button--try:hover,
.desktop .login .button--calculette:hover,
.desktop .login .button--info:hover {
  background-color: #00A3E0;
  border-color: #00A3E0;
}

.mintpl-test_ride_callback .container {
  margin-bottom: 50px;
  margin-bottom: 5rem;
  max-width: 690px;
  max-width: 69rem;
}

.mintpl-test_ride_callback .mintpl-test_ride_survey__breadcrumb {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 70%;
  margin: 40px auto 10px;
  margin: 4rem auto 1rem;
}

.mintpl-test_ride_callback .title-main.small {
  padding: 30px 0;
  padding: 3rem 0;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: normal !important;
}

.mintpl-test_ride_callback .form_step {
  margin-top: 30px;
  margin-top: 3rem;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.mintpl-test_ride_callback .errormessage {
  margin-bottom: 20px;
  margin-bottom: 2rem;
  font-size: 14px;
  font-size: 1.4rem;
  color: #e87373;
  display: none;
}

.mintpl-test_ride_callback .ride_survey_blocks {
  display: none;
}

.mintpl-test_ride_callback .ride_survey_blocks.active {
  display: block;
}

.mintpl-test_ride_callback .ride_survey_blocks.final {
  text-align: center;
}

.mintpl-test_ride_callback .ride_survey_blocks .g-row {
  border-top: 1px solid #d6d6d7;
  padding-top: 10px;
  padding-top: 1rem;
  padding-bottom: 50px;
  padding-bottom: 5rem;
}

.mintpl-test_ride_callback .ride_survey_blocks .g-row .input--select {
  width: 48%;
}

.mintpl-test_ride_callback .ride_survey_blocks .g-row .input__label {
  font-size: 14.399px;
  font-size: 1.44rem;
  color: #24394d;
}

.mintpl-test_ride_callback .ride_survey_blocks .g-row p.input__label {
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.mintpl-test_ride_callback .ride_survey_blocks .g-row .sidebyside {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px;
  margin-bottom: 3rem;
}

.mintpl-test_ride_callback .ride_survey_blocks .g-row .sidebyside .input {
  min-width: 48%;
  margin-top: 0;
}

.mintpl-test_ride_callback .ride_survey_blocks .g-row .sidebyside .input.input--checkbox {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

.mintpl-test_ride_callback .ride_survey_blocks .g-row .sidebyside .input__label {
  font-size: 15.5px;
  font-size: 1.55rem;
}

.mintpl-test_ride_survey .container {
  margin-bottom: 50px;
  margin-bottom: 5rem;
  max-width: 690px;
  max-width: 69rem;
}

.mintpl-test_ride_survey .mintpl-test_ride_survey__breadcrumb {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 70%;
  margin: 40px auto 10px;
  margin: 4rem auto 1rem;
}

.mintpl-test_ride_survey #step1Conditional,
.mintpl-test_ride_survey #step7bisConditional {
  display: none;
}

.mintpl-test_ride_survey .title-main.small {
  padding: 30px 0;
  padding: 3rem 0;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: normal !important;
}

.mintpl-test_ride_survey .form_step {
  margin-top: 30px;
  margin-top: 3rem;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.mintpl-test_ride_survey .errormessage {
  margin-bottom: 20px;
  margin-bottom: 2rem;
  font-size: 14px;
  font-size: 1.4rem;
  color: #e87373;
  display: none;
}

.mintpl-test_ride_survey .ride_survey_blocks {
  display: none;
}

.mintpl-test_ride_survey .ride_survey_blocks.active {
  display: block;
}

.mintpl-test_ride_survey .ride_survey_blocks.final {
  text-align: center;
}

.mintpl-test_ride_survey .ride_survey_blocks .g-row {
  border-top: 1px solid #d6d6d7;
  padding-top: 10px;
  padding-top: 1rem;
  padding-bottom: 50px;
  padding-bottom: 5rem;
}

.mintpl-test_ride_survey .ride_survey_blocks .g-row .input--select {
  width: 48%;
}

.mintpl-test_ride_survey .ride_survey_blocks .g-row .input__label {
  font-size: 14.399px;
  font-size: 1.44rem;
  color: #24394d;
}

.mintpl-test_ride_survey .ride_survey_blocks .g-row p.input__label {
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.mintpl-test_ride_survey .ride_survey_blocks .g-row .sidebyside {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px;
  margin-bottom: 3rem;
}

.mintpl-test_ride_survey .ride_survey_blocks .g-row .sidebyside .input {
  min-width: 48%;
  margin-top: 0;
}

.mintpl-test_ride_survey .ride_survey_blocks .g-row .sidebyside .input.input--checkbox {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

.mintpl-test_ride_survey .ride_survey_blocks .g-row .sidebyside .input__label {
  font-size: 15.5px;
  font-size: 1.55rem;
}

.main--secured-video {
  position: relative;
}

.main--secured-video .video-hidden {
  text-align: center;
  padding: 50px 0;
  font-size: 25px;
}

.main--secured-video .banner {
  height: 400px;
  height: 40rem;
  padding: 40px 0;
}

.main--secured-video .youtube-embed {
  display: inline !important;
  height: auto;
  position: relative;
}

.main--secured-video .focus__main {
  display: none;
}

.main--secured-video+aside+footer>.footer__contact {
  height: auto;
}

.section__rubriques--sitemap {
  padding-top: 50px;
  padding-top: 5rem;
}

.section__rubriques--sitemap .lame__content {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}

.section__rubriques--sitemap li {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.section__rubriques--sitemap a:hover {
  color: #00A3E0;
}

.section__rubriques--sitemap h2 {
  font-size: 22px;
  font-size: 2.2rem;
  margin-bottom: 20px;
  margin-bottom: 2rem;
  color: #00A3E0;
}

.section__rubriques--sitemap h2 a:hover {
  color: #000000;
}

.store_locator {
  position: relative;
}

.store_locator .banner .input--submit {
  width: 100%;
  margin-top: 30px;
  margin-top: 3rem;
}

.store_locator__results {
  height: 600px;
  height: 60rem;
  position: relative;
}

.store_locator__list,
.store_locator__map {
  height: 100%;
  position: absolute;
}

.store_locator__list {
  left: 0;
  right: calc(50% + 25rem);
}

.store_locator__list__count,
.store_locator__list__count+.store_locator__list__gold-info {
  display: block;
  font-size: 1.55em;
  line-height: 20px;
  line-height: 2rem;
  padding-left: 80px;
  padding-left: 8rem;
  padding-top: 10px;
  padding-top: 1rem;
}

.test_ride .store_locator__list__count,
.test_ride .store_locator__list__count+.store_locator__list__gold-info {
  font-size: 20px;
  font-weight: 300;
  padding-top: 30px;
}

.test_ride .store_locator__list__count b,
.test_ride .store_locator__list__count+.store_locator__list__gold-info b {
  font-size: 26px;
  font-weight: 300;
}

.store_locator__list__count+.store_locator__list__gold-info {
  padding-top: 0;
}

.store_locator__list__count+.store_locator__list__gold-info span {
  display: none;
}

.test_ride .store_locator__list__count+.store_locator__list__gold-info {
  padding-top: 6px;
  font-size: 14px;
}

.store_locator__list__count+.store_locator__list__gold-info img {
  height: 0.9em;
}

.store_locator__list__empty_result {
  padding: 15px 80px;
  padding: 1.5rem 8rem;
  font-size: 16px;
  font-size: 1.6rem;
  color: #e87373;
}

.test_ride .store_locator__list__loading {
  display: none;
  padding-top: 30px;
  text-align: center;
}

.store_locator__list .distributors {
  position: absolute;
  top: 60px;
  top: 6rem;
  bottom: 10px;
  bottom: 1rem;
  left: 20px;
  left: 2rem;
  right: 10px;
  right: 1rem;
}

.test_ride .store_locator__list .distributors::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.test_ride .store_locator__list .distributors::-webkit-scrollbar-thumb {
  background: #24394d;
  border-radius: 0;
}

.test_ride .store_locator__list .distributors::-webkit-scrollbar-track {
  background: #e2e1e5;
  border-radius: 0;
}

.test_ride .store_locator__list .distributors__empty_result {
  font-size: 16px;
  font-size: 1.6rem;
  color: #e87373;
  margin-bottom: 30px;
  margin-bottom: 3rem;
}

.test_ride .store_locator__list .distributors {
  top: 100px;
  top: 10rem;
}

.store_locator__list .distributor:after {
  content: '';
}

.store_locator__list .distributor__title,
.store_locator__list .distributor__distance:before {
  color: #000000;
}

.store_locator__map {
  left: calc(50% - 25rem);
  right: 0;
  overflow: hidden;
}

.test_ride_old input.error+.input .input__label {
  color: #e87373;
}

.test_ride_old input.error~.distributors {
  border-color: #e87373;
}

.test_ride_old__model-wrapper {
  border: 1px solid #adadad;
}

.test_ride_old__model {
  background-color: #fff;
  border: 20px solid #fff;
  border: 2rem solid #fff;
  transition: background;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: background;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.test_ride_old .input--inline .inline-left,
.test_ride_old .input--inline .inline-right {
  width: auto;
}

.test_ride_old .distributors__empty_result {
  font-size: 16px;
  font-size: 1.6rem;
  color: #e87373;
  margin-bottom: 30px;
  margin-bottom: 3rem;
}

.test_ride_old .distributors {
  height: 420px;
  height: 42rem;
  border: 1px solid #e2e1e5;
}

.test_ride_old .distributor {
  padding-left: 20px;
  padding-left: 2rem;
  cursor: pointer;
}

.test_ride_old .distributor__distance {
  left: auto;
  right: 10px;
  right: 1rem;
}

.test_ride_old .distributor__title b,
.test_ride_old .distributor .button--route {
  display: none;
}

.test_ride {
  height: 100%;
}

.test_ride input.error+.input .input__label {
  color: #e87373;
}

.test_ride input.error~.distributors {
  border-color: #e87373;
}

.test_ride__model-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 2px;
  padding-left: 2px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.test_ride__model-wrapper.lessthan4 {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.test_ride__model {
  -webkit-flex: 0 0 24.8%;
  -ms-flex: 0 0 24.8%;
  flex: 0 0 24.8%;
  padding-top: 60px;
  background-color: #fff;
  border: 2px solid #dadada;
  transition: background;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: background;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
  margin-left: -2px;
  margin-top: -2px;
  position: relative;
}

.test_ride__model:hover {
  border-color: #00A3E0;
  z-index: 1;
}

.test_ride__model .itemName {
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  padding: 10px;
  position: absolute;
  top: 0;
  width: 100%;
}

.test_ride__model .reducer {
  width: 70%;
  margin: auto;
  padding: 3px 0 10px;
}

.test_ride .input--inline .inline-left,
.test_ride .input--inline .inline-right {
  width: auto;
}

.test_ride .instructions {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 300;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
}

.test_ride .which_scooter__breadcrumb {
  padding-top: 20px;
  padding-bottom: 0px;
}

.test_ride #testRideStep2 .which_scooter__breadcrumb,
.test_ride #testRideStep3 .which_scooter__breadcrumb {
  padding-bottom: 30px;
}

.test_ride .step {
  cursor: default;
}

.test_ride .jsstepback .step__number,
.test_ride .jsstepback .step__memo {
  cursor: pointer;
}

.test_ride .step+.step {
  margin-left: 120px;
}

.test_ride .step+.step:before {
  width: 123px;
}

.test_ride .step__number {
  width: 31px;
  height: 31px;
  font-size: 18px;
  line-height: 1.6em;
}

.test_ride .step__memo {
  font-weight: 400;
  color: #000;
  position: absolute;
  top: 35px;
  left: -55px;
  right: -55px;
  font-size: 10px;
  margin: 0;
}

.test_ride #storeloc_request {
  padding: 20px 0;
  background-color: #f0f0f0;
}

.test_ride .storelocwrapper {
  max-width: 768px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: auto;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.test_ride .ctageoloc {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-right: 20px;
  position: relative;
  padding: 1.4em 3.5em 1.4em 1.2em;
  border-bottom: 0;
  text-align: center;
  background-color: #00A3E0;
}

.test_ride .ctageoloc:after {
  position: absolute;
  right: 10px;
  font-size: 2em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.test_ride .ctaaddress {
  -webkit-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
}

.test_ride .ctaaddress .icon--magnifier {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.test_ride .store_locator__list__header {
  display: none;
}

.test_ride .f-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.test_ride .f-row__wrapper {
  height: 100%;
}

.test_ride .f-row .instructions {
  text-align: left;
}

.test_ride .f-colgrow {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.test_ride .f-col40pc {
  -webkit-flex-basis: 40%;
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
  padding-left: 60px;
}

.test_ride .f-col50pc {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}

.test_ride .input__label,
.test_ride .input__tag,
.test_ride .button--link,
.test_ride .distributor__services_link,
.test_ride .distributor__minisite_link {
  font-size: 16px;
  font-size: 1.6rem;
}

.test_ride p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
}

.test_ride p.miniTitle {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.test_ride .fieldset {
  margin: 25px auto 35px;
}

.test_ride .distributor__street,
.test_ride .distributor__phone {
  width: auto;
}

.test_ride .distributor__fax {
  display: none;
}

.test_ride .coordFooter {
  background-color: #f0f0f0;
  padding: 60px 0;
  margin-top: 60px;
}

.test_ride #testRideConfirm {
  /* min-height: 50vw; */
  height: 100%;
}

.test_ride #testRideConfirm .banner {
  height: auto;
}

.test_ride #testRideConfirm .greetings {
  margin: auto;
  padding: 0 60px;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.test_ride #testRideConfirm .greetings>div h1,
.test_ride #testRideConfirm .greetings>div>div {
  margin-bottom: 30px;
}

.test_ride #testRideCoord .input__checkbox input.error~.input__checkbox__text {
  color: inherit;
}

.test_ride #testRideCoord .input__checkbox input.error~.input__checkbox__square:before {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  background-color: rgba(255, 0, 0, 0.2);
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.test_ride #testRideConfirm .memo {
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #f0f0f0;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 25px 30px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 0;
}

.test_ride #testRideConfirm .memo>div {
  padding-right: 22px;
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.test_ride #testRideConfirm .memo>div+div {
  padding-right: 0;
  padding-left: 22px;
}

.test_ride #testRideConfirm .memo .memovisual {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  width: 45%;
  min-width: 100px;
  display: block;
}

.test_ride #testRideConfirm .memo .memovisual img {
  width: 100%;
  height: auto;
}

.test_ride #testRideConfirm .memo .product__name {
  font-size: 20px;
  font-size: 2rem;
}

.test_ride .banner {
  height: 270px;
  height: 27rem;
  padding: 30px 0;
}

.test_ride .stepback {
  color: #ffffff;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 100;
  display: block;
  margin: 10px;
  margin: 1rem;
  position: absolute;
  top: 0;
  left: 0;
}

.test_ride .stepback:before {
  vertical-align: baseline;
  margin-right: 7.5px;
  margin-right: 0.75rem;
  font-size: 60%;
}

.test_ride .snoozed {
  display: none;
}

.test_ride .blockerror {
  margin-top: 15px;
}

.test_ride .blockerror>p {
  color: #e87373;
  display: none;
}

.test_ride .input__text+.blockerror {
  margin-top: 5px;
}

.test_ride .failure {
  display: none;
}

.test_ride #testRideStep3 .button--main,
.test_ride #testRideStep3 .button--main--promo,
.test_ride #testRideStep3 .button--send,
.test_ride #testRideStep3 .button--save,
.test_ride #testRideStep3 .button--try,
.test_ride #testRideStep3 .button--calculette,
.test_ride #testRideStep3 .button--info {
  min-width: 250px;
}

.resetMainMinHeight {
  background-color: #000000;
}

.resetMainMinHeight main {
  min-height: 0;
  background-color: #fff;
}

.body_test_ride main {
  min-height: 0;
  height: calc(100% - 8.5rem);
}

.which_scooter {
  display: none;
  z-index: 998;
  position: fixed;
  top: 96px;
  top: 9.6rem;
  width: 100%;
  bottom: 0;
  overflow: auto;
  left: 0;
  -webkit-animation: fade-in 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fade-in 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.which_scooter:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  z-index: 0;
  content: '';
}

.which_scooter__container {
  background: url("../medias/blocks/witch_scooter/background.jpg") no-repeat center top #fff;
  -webkit-animation: slide-from-top 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: slide-from-top 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  background-size: 100% auto;
  padding: 40px;
  padding: 4rem;
  position: relative;
  z-index: 1;
  padding-bottom: 20px;
  padding-bottom: 2rem;
}

.which_scooter__title {
  text-transform: none;
  color: #00A3E0;
  font-weight: 100;
}

.which_scooter__subtitle,
.which_scooter__result {
  margin-top: 10px;
  margin-top: 1rem;
  margin-bottom: 40px;
  margin-bottom: 4rem;
}

.which_scooter__choices {
  max-width: 960px;
  margin: 0 auto;
}

.which_scooter__result {
  color: #00A3E0;
  padding: 0 20px;
  padding: 0 2rem;
}

.which_scooter__close {
  position: absolute;
  right: 30px;
  right: 3rem;
  top: 30px;
  top: 3rem;
  color: #585858;
}

.which_scooter__breadcrumb {
  text-align: center;
  display: none;
}

.test_ride .which_scooter__breadcrumb .step + .step {
  margin-left: 120px;
}
.test_ride .which_scooter__breadcrumb .step + .step:before {
  width: 123px;
}

.which_scooter__breadcrumb .step__answer {
  max-height: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.which_scooter .input--range {
  display: inline-block;
  max-width: 400px;
  max-width: 40rem;
  margin-right: 50px;
  margin-right: 5rem;
  width: 90%;
}

.which_scooter .input__radio {
  display: inline-block;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.which_scooter .input__radio__circle {
  display: none;
}

.which_scooter .input__radio__text {
  cursor: pointer;
  padding: 0.8em 2em;
  display: inline-block;
}

.which_scooter__result {
  text-align: center;
  margin: 30px 0;
  margin: 3rem 0;
  display: none;
  margin-top: 50px;
  margin-top: 5rem;
}

.which_scooter__head {
  text-align: center;
}

.which_scooter__question {
  display: none;
  padding: 20px 0;
  padding: 2rem 0;
  text-align: center;
  -webkit-animation: fade-in 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: fade-in 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.which_scooter__error {
  text-align: center;
  font-size: 1.6em;
  font-weight: bold;
  color: #aa0000;
}

.which_scooter__list {
  display: none;
}

.which_scooter__list .range-grid__products .product {
  width: 100% !important;
}

.which_scooter__actions {
  text-align: center;
  display: none;
  margin: 20px 0;
  margin: 2rem 0;
}

.which_scooter__actions .button {
  display: inline-flex;
}

.which_scooter.step_question .product {
  height: 100%;
}

.which_scooter.step_question .product>* {
  display: none;
}

.which_scooter.step_question .product .ui-sizer {
  display: block;
}

.which_scooter.step_question .product__image {
  display: block;
  height: auto;
  width: auto;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 30px 10px;
  padding: 3rem 1rem;
}

.which_scooter.step_result .step:before {
  background: #00A3E0;
}

.which_scooter.step_result .step__number {
  background: #00A3E0;
  color: #fff;
  border-color: #00A3E0;
}

.which_scooter.step_result .step__answer {
  display: block;
  font-size: 9px;
  line-height: 1.2em;
}

.which_scooter.step_result .product_container {
  width: 33.33%;
}

.which_scooter.step_result .product_container__match {
  display: block;
}

.which_scooter.step_result .mention {
  width: 90%;
  max-width: 850px;
  max-width: 85rem;
  margin: auto;
  text-align: left;
  margin-bottom: 20px;
  margin-bottom: 2rem;
}

.which_scooter.step_result .which_scooter__result,
.which_scooter.step_result .which_scooter__actions {
  display: block;
}

.which_scooter.step_result .which_scooter__list {
  width: 90%;
  max-width: 850px;
  max-width: 85rem;
  margin: auto;
}

.ui-tab--which {
  background: url("../medias/blocks/witch_scooter/background.jpg") no-repeat center top #fff;
  background-size: 100% auto;
}

.ui-tab--which .which_scooter {
  display: block;
  z-index: auto;
  position: static;
  top: auto;
  width: 100%;
  bottom: auto;
  overflow: auto;
  left: auto;
  -webkit-animation: none;
  animation: none;
}

.ui-tab--which .which_scooter:after {
  content: none;
}

.ui-tab--which .which_scooter__container {
  background: none;
  -webkit-animation: none;
  animation: none;
}

.main-advice-which {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto auto 1fr;
  grid-template-rows: auto auto 1fr;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
}

.main-advice-which .banner {
  -ms-grid-row: 1;
  grid-row-start: 1;
}

#advice.tabs {
  -ms-grid-row: 2;
  grid-row-start: 2;
  height: auto;
}

@media screen and (min-width: 768px) {
  #advice.tabs {
    padding-top: 10px;
  }
}

.main-advice-which .ui-tab {
  -ms-grid-row: 3;
  grid-row-start: 3;
}

.main-advice-which .which_scooter__head {
  display: none;
}

#advice .tabs__link {
  font-size: 10px;
}

/* No files to import found in ..//local//fr//**/
/* */
@media screen and (min-width: 768px) {
  html {
    display: block;
  }

  html {
    display: block;
  }

  .back {
    display: none;
  }

  .focus__title {
    pointer-events: none;
  }

  .focus__more .focus__subtitle,
  .focus__more .focus__excerpt,
  .focus__more .focus__play {
    display: none;
  }

  .technicals {
    padding: 50px 0;
  }

  .technicals .focus__main {
    width: auto;
    max-width: none;
  }

  .technicals .focus__main .focus__title {
    font-size: 3.2rem;
    color: #000;
    max-width: none;
  }

  .technicals .tabs__link--technical {
    background-color: #e1e1e1;
    color: #5c6270;
    border: 0px;
    border-left: 0px solid red;
    border-bottom: 3px solid #B8B8B8;
    text-transform: none;
    font-size: 15px;
    font-size: 1.5rem;
    text-transform: capitalize;
  }

  .technicals .tabs__link+.tabs__link--technical {
    border-left: 0px solid rgba(255, 255, 255, 0.4);
  }

  .technicals .ui-tabs--active-technical {
    background-color: #e1e1e1;
    border: 0px;
    color: black;
    font-weight: bold;
    border-bottom: 3px solid #00A3E0;
    text-transform: capitalize;
  }

  .technicals .accessory-menu {
    margin-top: 30px;
  }

  .technicals .accessory-menu .ui-tab {
    padding-top: 22px;
    padding-bottom: 0;
    min-height: 290px;
  }

  .technicals .columns {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    -webkit-column-gap: 90px;
    -moz-column-gap: 90px;
    column-gap: 90px;
  }

  .technicals li {
    padding: 16px 0 0;
    line-height: 1.5;
  }

  .technicals .colorsContainer img {
    width: 64px;
    height: 64px;
    border-radius: 8px;
    margin: 8px;
  }

  .main--secured-video .banner {
    height: 20vw;
  }

  .store_locator .banner .input .input--submit {
    display: block;
    width: auto;
    margin-top: 0;
  }

  .store_locator .banner .input--submit {
    display: none;
  }
}

@media screen and (min-width: 1130px) {
  html {
    display: block;
  }

  .ui-hide--desktop {
    display: none;
  }

  .header__link--logo {
    max-width: 140px;
    margin-right: 28.15px;
  }
}

@media screen and (min-width: 1680px) {
  html {
    display: block;
  }
}

@media screen and (max-width: 1280px),
(max-height: 750px) {
  html {
    display: block;
  }

  html {
    font-size: 9px;
  }

  .banner {
    height: 45rem;
  }

  .product_container {
    width: 12.5%;
  }

  .whoweare-banner {
    height: 45rem;
  }
}

@media screen and (min-width: 1130px) and (max-width: 1280px),
(max-height: 750px) {
  html {
    display: block;
  }
}

@media screen and (min-width: 768px) and (max-width: 1129px) {
  html {
    display: block;
  }

  .ui-hide--tablet {
    display: none;
  }

  .account-configs .account-config:first-child {
    padding-left: 0;
  }

  .account-configs .account-config:last-child {
    padding-right: 0;
  }

  .compare .compare-product {
    padding-right: 5rem;
  }

  main span.chunktext {
    display: none;
  }
}

@media screen and (max-width: 1129px) {
  html {
    display: block;
  }

  [data-transition-tablet-delay="0"] {
    transition-delay: 0s;
  }

  [data-transition-tablet-delay="1"] {
    transition-delay: 0.03333s;
  }

  [data-transition-tablet-delay="2"] {
    transition-delay: 0.06667s;
  }

  [data-transition-tablet-delay="3"] {
    transition-delay: 0.1s;
  }

  [data-transition-tablet-delay="4"] {
    transition-delay: 0.13333s;
  }

  [data-transition-tablet-delay="5"] {
    transition-delay: 0.16667s;
  }

  [data-transition-tablet-delay="6"] {
    transition-delay: 0.2s;
  }

  [data-transition-tablet-delay="7"] {
    transition-delay: 0.23333s;
  }

  [data-transition-tablet-delay="8"] {
    transition-delay: 0.26667s;
  }

  [data-transition-tablet-delay="9"] {
    transition-delay: 0.3s;
  }

  [data-transition-tablet-delay="10"] {
    transition-delay: 0.33333s;
  }

  [data-transition-tablet-delay="11"] {
    transition-delay: 0.36667s;
  }

  [data-transition-tablet-delay="12"] {
    transition-delay: 0.4s;
  }

  [data-transition-tablet-delay="13"] {
    transition-delay: 0.43333s;
  }

  [data-transition-tablet-delay="14"] {
    transition-delay: 0.46667s;
  }

  [data-transition-tablet-delay="15"] {
    transition-delay: 0.5s;
  }

  [data-transition-tablet-delay="16"] {
    transition-delay: 0.53333s;
  }

  [data-transition-tablet-delay="17"] {
    transition-delay: 0.56667s;
  }

  [data-transition-tablet-delay="18"] {
    transition-delay: 0.6s;
  }

  [data-transition-tablet-delay="19"] {
    transition-delay: 0.63333s;
  }

  [data-transition-tablet-delay="20"] {
    transition-delay: 0.66667s;
  }

  [data-transition-tablet-delay="21"] {
    transition-delay: 0.7s;
  }

  [data-transition-tablet-delay="22"] {
    transition-delay: 0.73333s;
  }

  [data-transition-tablet-delay="23"] {
    transition-delay: 0.76667s;
  }

  [data-transition-tablet-delay="24"] {
    transition-delay: 0.8s;
  }

  [data-transition-tablet-delay="25"] {
    transition-delay: 0.83333s;
  }

  [data-transition-tablet-delay="26"] {
    transition-delay: 0.86667s;
  }

  [data-transition-tablet-delay="27"] {
    transition-delay: 0.9s;
  }

  [data-transition-tablet-delay="28"] {
    transition-delay: 0.93333s;
  }

  [data-transition-tablet-delay="29"] {
    transition-delay: 0.96667s;
  }

  [data-transition-tablet-delay="30"] {
    transition-delay: 1s;
  }

  [data-transition-tablet-delay="31"] {
    transition-delay: 1.03333s;
  }

  [data-transition-tablet-delay="32"] {
    transition-delay: 1.06667s;
  }

  [data-transition-tablet-delay="33"] {
    transition-delay: 1.1s;
  }

  [data-transition-tablet-delay="34"] {
    transition-delay: 1.13333s;
  }

  [data-transition-tablet-delay="35"] {
    transition-delay: 1.16667s;
  }

  .ui-hide--mobile-tablet,
  .ui-hide--tablet-mobile {
    display: none;
  }

  .banner-height {
    height: 35rem;
  }

  .special_offer {
    max-width: 210px;
  }

  .tabs.top-reached {
    top: 7.6rem;
  }

  .accessory-intro {
    height: 34rem;
  }

  .accessory-intro__content__title,
  .accessory-intro__content__text,
  .accessory-intro__content__price {
    margin-top: 2rem;
  }

  .accessory-intro__content__price {
    font-size: 3.4rem;
  }

  .account-block .promotion,
  .account-block .banner {
    height: 21rem;
  }

  .account-configs .ui-slider {
    padding-top: 2rem;
  }

  .account-configs .ui-slider__arrow--left {
    left: -0.5rem;
  }

  .account-configs .ui-slider__arrow--right {
    right: -0.5rem;
  }

  .banner {
    height: 40rem;
    padding: 40px 0;
  }

  .banner--half {
    height: 34rem;
  }

  .banner--half .banner__title {
    font-size: 2rem;
  }

  .banner__content {
    margin-top: 5rem;
  }

  .banners {
    height: 32rem;
  }

  .distributor {
    /* padding-left: 2rem */
  }

  .distributor__distance {
    /*right: 1rem; left: auto;*/
  }

  .focus_variant {
    background-size: auto 45rem;
  }

  .focus_variant__main {
    height: 45rem;
  }

  .focus {
    background-size: auto 45rem;
  }

  .focus--middle {
    background-size: cover;
  }

  .focus__main {
    height: 45rem;
  }

  .home-discover {
    height: 34rem;
  }

  .home-discover__text {
    font-size: 2rem;
  }

  *+.home-discover__text {
    margin-top: 2rem;
  }

  .home-discover .button--main,
  .home-discover .button--main--promo,
  .home-discover .button--send,
  .home-discover .button--save,
  .home-discover .button--try,
  .home-discover .button--calculette,
  .home-discover .button--info {
    margin-top: 2rem;
  }

  .prehome .prehomecontent {
    max-width: 900px;
  }

  .prehome .prehometext h1 {
    font-size: 16px;
  }

  .prehome .prehometext h2 {
    font-size: 30px;
  }

  .prehome .prehometext p {
    font-size: 16px;
  }

  .home-slider {
    height: 34rem;
  }

  #free-template .home-slider {
    height: 300px;
  }

  .home-slider__slide__title {
    font-size: 2rem;
  }

  .home-slider__slide .button--main,
  .home-slider__slide .button--main--promo,
  .home-slider__slide .button--send,
  .home-slider__slide .button--save,
  .home-slider__slide .button--try,
  .home-slider__slide .button--calculette,
  .home-slider__slide .button--info {
    margin-top: 2rem;
    width: auto;
  }

  .popin-calculator .twocols .twocols>* {
    padding: 0;
  }

  .popin-calculator .calcblock.twocols>* {
    padding: 0 4rem;
  }

  .product_container {
    width: 16.66%;
  }

  .product-insurance {
    height: 32rem;
  }

  .product-intro {
    height: 45rem;
  }

  .product-quote {
    height: 32rem;
  }

  .range-grid>.container {
    width: 100%;
    border: 0;
  }

  .slider_product .title-main {
    padding: 3.5rem 0 5rem;
  }

  .slider_product__slider .ui-slider__arrows {
    font-size: 2rem;
    position: relative;
    top: -3rem;
  }

  .slider_product__slider .ui-slider__arrow--left {
    left: -0.5rem;
  }

  .slider_product__slider .ui-slider__arrow--right {
    right: -0.5rem;
  }

  .success_story-focus__main,
  .success_story-focus__more,
  .success_story-focus__slider {
    height: 34rem;
  }

  .success_story-focus__main {
    height: 45rem;
  }

  .success_story-focus__main__logo {
    max-width: 16rem;
  }

  .success_story-timeline__slider {
    max-width: 110rem;
  }

  .success_story-timeline__slider .slide__info {
    left: 90%;
  }

  .whoweare-midslide {
    height: 34rem;
  }

  .whoweare-midslide__title {
    font-size: 1.5rem;
  }

  *+.whoweare-midslide__title {
    margin-top: 1.5rem;
  }

  .whoweare-midslide__text {
    font-size: 1.3rem;
  }

  *+.whoweare-midslide__text {
    margin-top: 1.3rem;
  }

  .whoweare-midslide .button--main,
  .whoweare-midslide .button--main--promo,
  .whoweare-midslide .button--send,
  .whoweare-midslide .button--save,
  .whoweare-midslide .button--try,
  .whoweare-midslide .button--calculette,
  .whoweare-midslide .button--info {
    margin-top: 2rem;
  }

  .whoweare-banner {
    height: 40rem;
  }

  .whoweare-banner--half {
    height: 34rem;
  }

  .whoweare-banner--half .banner__title {
    font-size: 2rem;
  }

  .whoweare-banner__content {
    margin-top: 5rem;
  }

  html.mobile.ui-popin--added,
  html.mobile.ui-popin--added body {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    height: 100%;
  }

  .cookies {
    min-height: 80px;
    font-size: 1.3rem;
    padding: 10px 45px 12px 15px;
    text-align: left;
    line-height: 1.2;
  }

  .cookies br {
    display: none;
  }

  .header__link {
    font-size: 1.15rem;
  }

  .header__link:before {
    font-size: 3rem;
    top: 0;
    bottom: 0;
  }

  .header__alt {
    font-size: 1.15rem;
  }

  .dotcom .header__network {
    font-size: 17px;
  }

  .header__lang {
    font-size: 13px;
  }

  main {
    padding-top: 7.6rem;
  }

  .account .slider_product .product_name {
    font-size: 2rem;
  }

  .account__tab--profile .slider_product .container .title-main,
  .account__tab--profile .slider_product .container .mention {
    max-width: 62rem;
    margin-left: auto;
    margin-right: auto;
  }

  .range .tabs .container {
    width: 100%;
    max-width: none;
  }

  .store_locator__list {
    width: 40rem;
    right: auto;
  }

  .store_locator__list__count,
  .store_locator__list__count+.store_locator__list__gold-info {
    padding-left: 4rem;
    padding-top: 1rem;
  }

  .store_locator__list__count+.store_locator__list__gold-info {
    padding-top: 0;
  }

  .store_locator__map {
    left: 40rem;
  }

  .test_ride__model .itemName {
    font-size: 1.8rem;
  }

  .test_ride .step+.step:before {
    top: 1.9rem;
  }

  .test_ride .step__number {
    line-height: 3.7rem;
  }

  .which_scooter {
    top: 6rem;
  }

  .ui-tab--which .which_scooter {
    top: auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 1129px) and (orientation: landscape) {
  html {
    display: block;
  }
}

@media screen and (max-width: 1129px) {
  html {
    display: block;
  }

  .g-col--1_5 {
    max-width: 33.33%;
  }

  .g-col--4_5 {
    max-width: 66.66%;
  }

  .container {
    width: 86%;
  }

  .col_form,
  .test_ride_old .g-col--1_3,
  .test_ride .g-col--1_3 {
    max-width: 50%;
    float: left;
  }

  .col_form.g-col--1_3:first-of-type+*,
  .test_ride_old .g-col--1_3:first-of-type+*,
  .test_ride .g-col--1_3:first-of-type+* {
    padding-right: 0;
  }

  .col_form.g-col--1_3:first-of-type,
  .test_ride_old .g-col--1_3:first-of-type,
  .test_ride .g-col--1_3:first-of-type {
    max-width: 50%;
  }

  .col_form.g-col--1_3:last-of-type,
  .test_ride_old .g-col--1_3:last-of-type,
  .test_ride .g-col--1_3:last-of-type {
    max-width: 100%;
    padding-left: 0;
    margin-top: 3rem;
    padding-top: 3rem;
    border-top: 1px solid #e2e1e5;
  }

  .col_form.g-col--1_3:last-of-type:before,
  .test_ride_old .g-col--1_3:last-of-type:before,
  .test_ride .g-col--1_3:last-of-type:before {
    content: none;
  }

  .col_form.g-col--2_3,
  .test_ride_old .g-col--2_3.g-col--1_3,
  .test_ride .g-col--2_3.g-col--1_3 {
    max-width: 100%;
    padding: 0;
  }

  html {
    font-size: 7.5px;
  }

  .burger {
    display: flex;
    align-items: center;
    height: 50px;
    left: 18px;
    padding: 0 15px;
  }

  .tabs.top-reached {
    top: 6rem;
  }

  .tabs.top-reached .tabs__link:last-of-type {
    border-bottom: 0 !important;
  }

  .ui-slider__pagination {
    bottom: -2rem;
  }

  .ui-slider__pagination a {
    width: 6px;
    height: 6px;
    margin: 0 4px;
  }

  .focus_variant {
    background-size: auto 35rem;
  }

  .focus_variant__main {
    height: 35rem;
  }

  .focus {
    background-size: auto 35rem;
  }

  .focus--middle {
    background-size: cover;
  }

  .focus__main {
    height: 35rem;
  }

  .product_container {
    width: 20%;
  }

  .product-accessory {
    width: calc(25% - 2rem);
  }

  .product-configurator {
    background-size: 135% auto;
  }

  .product-configurator>.container {
    width: calc(100% - 2rem);
  }

  .product-configurator__title {
    margin-bottom: 5rem;
  }

  .product-insurance {
    height: 28rem;
  }

  .product-insurance__links {
    margin-top: 2rem;
  }

  .product-insurance .button,
  .product-insurance .which_scooter .input__radio__text,
  .which_scooter .product-insurance .input__radio__text {
    margin-bottom: 3rem;
  }

  .product-intro {
    height: 35rem;
  }

  .product-intro__content .button--link,
  .product-intro__content .distributor__services_link,
  .product-intro__content .distributor__minisite_link {
    margin-top: 2.5rem;
  }

  .product-intro__subtitle {
    margin-top: 0;
  }

  .product-intro__text {
    margin-top: 2rem;
    margin-bottom: 3rem;
  }

  /* .product-intro__price div:last-of-type {
    font-size: 4.5rem;
  }*/

  .product-quote {
    height: 28rem;
  }

  .product-quote__slider {
    height: 14rem;
  }

  .product-quote__quote {
    margin-top: 2rem;
  }

  .range-grid__products .product {
    width: 50% !important;
  }

  .range-summary__container {
    width: 65%;
    margin: 0 5% 0 30%;
  }

  .accessory-summary__container .range-summary__text {
    font-size: 3.4rem;
  }

  .slider_product {
    padding-bottom: 0;
  }

  .slider_product>.container {
    width: 100%;
  }

  .slider_product__slider {
    border-top: 1px solid #e2e1e5;
    border-bottom: 1px solid #e2e1e5;
  }

  .slider_product__slider .product {
    border: 0;
    width: 33.33%;
    margin: 0;
  }

  .slider_product__slider .product+.product {
    border-left: 1px solid #e2e1e5;
  }

  .success_story-focus__main {
    height: 35rem;
  }

  .header {
    height: 144px;
  }

  .header__links {
    display: flex;
    align-items: center;
    padding: 0 32px;
  }

  .header__links:before,
  .header__links:after {
    content: ' ';
    display: block;
    height: 1px;
    background: #fff;
    width: 50vw;
    transition: background 0s, transform .15s;
    transition-delay: .25s, .20s;
    transform: scaleX(1);
  }

  .sticky .header__links:before,
  .sticky .header__links:after {
    background: transparent;
    transition-delay: 0s;
    transform: scaleX(0);
  }

  .dotcom .header__inner {
    width: 100%;
    padding-top: 20px;
  }

  .header__inner {
    display: block;
  }

  .header__inner .header__link {
    width: 100%;
    max-width: 100%;
    padding: 20px 8px;
  }
  .header__inner .top-right-menu .header__link {
    padding: 16px 8px;
  }
  .header__inner .header__link:after,
  .header__inner .header__link span:after  {
    display: none;
  }
  .header__inner .header__link span {
    padding: 0;
    vertical-align: bottom;
    display: flex;
    align-items: center;
    font-size: 22px;
    line-height: 1em;
  }

  .header__inner .header__link .peugeoticonnew {
    margin-right: 22px;
    font-size: 25px;
  }

  .header__inner .top-right-menu .header__link .icon {
    margin-right: 20px;
  }

  .dotcom .header__inner .header__link {
    width: 85%;
  }

  .header__inner {
    position: fixed;
    left: 0;
    width: 100%;
    top: 144px;
    bottom: 0;
    overflow: auto;
    background: #000;
    height: auto;
    text-align: left;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 999;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: opacity, -webkit-transform;
    transition: transform, opacity;
    transition: transform, opacity, -webkit-transform;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform, opacity;
    letter-spacing: 0;
    padding: 0 32px;
  }

  .sticky .header__inner {
    top: 50px;
  }

  .ui-menu-open .header__inner {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  .header__link {
    float: none;
    border: 0;
    display: block;
    padding: 1.5rem;
    height: auto;
  }

  .dotcom .header__link {
    background-color: #152946;
    border-top: 1px solid #265d86;
  }

  .header__link:first-of-type {
    border-top: 0;
  }

  .header__link--logo {
    display: block;
    height: 100%;
    width: 160px;
    padding: 0;
  }

  .dotcom .header__link--logo {
    width: 100%;
    display: block;
    height: 100%;
    background-color: #000000;
  }

  .header__link--resselers:before,
  .header__link--resselers,
  .header__link--account:before,
  .header__link--account,
  .header__link--test_drive:before,
  .header__link--test_drive,
  .header__link--electric:before,
  .header__link--electric {
    color: #fff !important;
  }

  .header__link--test_drive {
    border-top: 0;
  }

  .header__link--range:before {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .header__alt {
    float: none;
    border: 0;
    display: block;
    color: #fff;
    padding: 0;
    height: auto;
    width: 85%;
    max-width: 32rem;
    background-color: #152946;
    border-top: 1px solid #265d86;
  }

  .header__contact {
    position: absolute;
    right: 5%;
    top: 50%;
    font-size: 3rem;
    margin-top: -0.5em;
    display: block;
    color: #fff;
  }

  .header__lang {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .header__lang>* {
    top: auto;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    padding: 1.5rem 0;
  }

  .header__lang>*:first-child {
    border-right: 1px solid #265d86;
  }

  .header__lang span {
    display: none;
    content: '';
  }

  main {
    padding-top: 144px;
  }

  .store_locator__results {
    height: 90rem;
  }

  .test_ride_old .distributor {
    width: 50%;
    float: left;
  }

  .test_ride_old .distributor:nth-of-type(2):after {
    content: none;
  }

  .which_scooter__container {
    padding-left: 0;
    padding-right: 0;
  }
  .prefooter__wrapper {
    border-bottom: none;
  }
  .prefooter__content {
    flex-wrap: wrap;
  }
  .prefooter__link {
    width: 50%;
    border-bottom: 1px solid #fff;
    border-left: none;
    flex: none;
    height: 50px;
    justify-content: flex-start;
    padding: 0 40px;
  }
  .prefooter__link:nth-child(even) {
    border-left: 1px solid #fff;
  }
  .footer__content {
    flex-wrap: wrap;
    padding-top: 51px;
  }
  .footer__content__column.extra {
    width: 100%;
    flex: none;
    display: flex;
    padding-top: 40px;
  }
  .footer__content__column.extra .inside {
    flex: 1;
  }
  .footer__content__column.extra .inside:first-child {
    padding-right: 20px;
    flex-basis: 0;
  }
  .footer__bottom {
    padding-top: 40px;
  }
}

@media screen and (max-width: 767px) {
  html {
    display: block;
  }
  .header {
    height: 105px;
  }
  .header__inner {
    top: 105px;
  }
  .header__inner .header__link span {
    font-size: 18px;
  }
  .footer__contact_link {
    width: 75%;
    height: 60px;
    justify-content: center;
  }
  .prefooter__link:nth-child(n) {
    border-left: none;
  }
  .footer__pe
  [data-transition-mobile-delay="0"] {
    transition-delay: 0s;
  }

  [data-transition-mobile-delay="1"] {
    transition-delay: 0.03333s;
  }

  [data-transition-mobile-delay="2"] {
    transition-delay: 0.06667s;
  }

  [data-transition-mobile-delay="3"] {
    transition-delay: 0.1s;
  }

  [data-transition-mobile-delay="4"] {
    transition-delay: 0.13333s;
  }

  [data-transition-mobile-delay="5"] {
    transition-delay: 0.16667s;
  }

  [data-transition-mobile-delay="6"] {
    transition-delay: 0.2s;
  }

  [data-transition-mobile-delay="7"] {
    transition-delay: 0.23333s;
  }

  [data-transition-mobile-delay="8"] {
    transition-delay: 0.26667s;
  }

  [data-transition-mobile-delay="9"] {
    transition-delay: 0.3s;
  }

  [data-transition-mobile-delay="10"] {
    transition-delay: 0.33333s;
  }

  [data-transition-mobile-delay="11"] {
    transition-delay: 0.36667s;
  }

  [data-transition-mobile-delay="12"] {
    transition-delay: 0.4s;
  }

  [data-transition-mobile-delay="13"] {
    transition-delay: 0.43333s;
  }

  [data-transition-mobile-delay="14"] {
    transition-delay: 0.46667s;
  }

  [data-transition-mobile-delay="15"] {
    transition-delay: 0.5s;
  }

  [data-transition-mobile-delay="16"] {
    transition-delay: 0.53333s;
  }

  [data-transition-mobile-delay="17"] {
    transition-delay: 0.56667s;
  }

  [data-transition-mobile-delay="18"] {
    transition-delay: 0.6s;
  }

  [data-transition-mobile-delay="19"] {
    transition-delay: 0.63333s;
  }

  [data-transition-mobile-delay="20"] {
    transition-delay: 0.66667s;
  }

  [data-transition-mobile-delay="21"] {
    transition-delay: 0.7s;
  }

  [data-transition-mobile-delay="22"] {
    transition-delay: 0.73333s;
  }

  [data-transition-mobile-delay="23"] {
    transition-delay: 0.76667s;
  }

  [data-transition-mobile-delay="24"] {
    transition-delay: 0.8s;
  }

  [data-transition-mobile-delay="25"] {
    transition-delay: 0.83333s;
  }

  [data-transition-mobile-delay="26"] {
    transition-delay: 0.86667s;
  }

  [data-transition-mobile-delay="27"] {
    transition-delay: 0.9s;
  }

  [data-transition-mobile-delay="28"] {
    transition-delay: 0.93333s;
  }

  [data-transition-mobile-delay="29"] {
    transition-delay: 0.96667s;
  }

  [data-transition-mobile-delay="30"] {
    transition-delay: 1s;
  }

  [data-transition-mobile-delay="31"] {
    transition-delay: 1.03333s;
  }

  [data-transition-mobile-delay="32"] {
    transition-delay: 1.06667s;
  }

  [data-transition-mobile-delay="33"] {
    transition-delay: 1.1s;
  }

  [data-transition-mobile-delay="34"] {
    transition-delay: 1.13333s;
  }

  [data-transition-mobile-delay="35"] {
    transition-delay: 1.16667s;
  }

  .prefooter__link {
    width: 100%;
    padding: 0 33px;
  }
  .footer__content {
    padding: 27px 33px 0;
  }

  .footer__content__column:not(.extra) {
    width: 100%;
    padding: 0;
    flex-basis: 100%;
    margin-bottom: 24px;
  }

  .footer__content__column.extra {
    flex-wrap: wrap;
    padding-top: 5px;
  }

  .footer__content__column.extra .inside:first-child {
    padding-right: 0;
    flex-basis: 100%;
  }

  .footer__social a {
    margin-right: 30px;
  }

  .newsletter--container {
    margin-bottom: 25px;
  }

  .ui-hide--mobile {
    display: none;
  }

  .ui-popin--added {
    overflow-y: hidden;
  }

  .button--main,
  .button--main--promo,
  .button--send,
  .button--save,
  .button--try,
  .button--calculette,
  .button--info {
    padding: 1.3em 1.6em;
  }

  .button--main+.button--main,
  .button--main--promo+.button--main,
  .button--send+.button--main,
  .button--save+.button--main,
  .button--try+.button--main,
  .button--calculette+.button--main,
  .button--info+.button--main,
  .button--main+.button--main--promo,
  .button--main--promo+.button--main--promo,
  .button--send+.button--main--promo,
  .button--save+.button--main--promo,
  .button--try+.button--main--promo,
  .button--calculette+.button--main--promo,
  .button--info+.button--main--promo,
  .button--main+.button--send,
  .button--main--promo+.button--send,
  .button--send+.button--send,
  .button--save+.button--send,
  .button--try+.button--send,
  .button--calculette+.button--send,
  .button--info+.button--send,
  .button--main+.button--save,
  .button--main--promo+.button--save,
  .button--send+.button--save,
  .button--save+.button--save,
  .button--try+.button--save,
  .button--calculette+.button--save,
  .button--info+.button--save,
  .button--main+.button--try,
  .button--main--promo+.button--try,
  .button--send+.button--try,
  .button--save+.button--try,
  .button--try+.button--try,
  .button--calculette+.button--try,
  .button--info+.button--try,
  .button--main+.button--calculette,
  .button--main--promo+.button--calculette,
  .button--send+.button--calculette,
  .button--save+.button--calculette,
  .button--try+.button--calculette,
  .button--calculette+.button--calculette,
  .button--info+.button--calculette,
  .button--main+.button--info,
  .button--main--promo+.button--info,
  .button--send+.button--info,
  .button--save+.button--info,
  .button--try+.button--info,
  .button--calculette+.button--info,
  .button--info+.button--info {
    margin-left: 0;
    margin-top: 1rem;
  }

  .button--main,
  .button--main--promo,
  .button--send,
  .button--save,
  .button--try,
  .button--calculette,
  .button--info {
    width: 100%;
    text-align: center;
  }

  hr {
    margin: 1.8rem 0;
  }

  .col_form.g-col--2_3 .g-col--1_2 .input--radio+.input--text,
  .test_ride_old .g-col--2_3.g-col--1_3 .g-col--1_2 .input--radio+.input--text,
  .test_ride .g-col--2_3.g-col--1_3 .g-col--1_2 .input--radio+.input--text {
    margin-top: 2rem;
  }

  .col_form,
  .test_ride_old .g-col--1_3,
  .test_ride .g-col--1_3 {
    max-width: 100% !important;
    float: none;
    padding-left: 0;
    padding-right: 0;
    margin-top: 4rem;
    padding-top: 4rem;
    border-top: 1px solid #e2e1e5;
  }

  .col_form:first-of-type,
  .test_ride_old .g-col--1_3:first-of-type,
  .test_ride .g-col--1_3:first-of-type {
    padding-top: 0;
    margin-top: 0;
    border: 0;
  }

  .col_form:before,
  .test_ride_old .g-col--1_3:before,
  .test_ride .g-col--1_3:before {
    content: none;
  }

  .col_form .g-col--1_2,
  .test_ride_old .g-col--1_3 .g-col--1_2,
  .test_ride .g-col--1_3 .g-col--1_2 {
    max-width: 100%;
    float: none;
  }

  .col_form .g-col--1_2:last-of-type,
  .test_ride_old .g-col--1_3 .g-col--1_2:last-of-type,
  .test_ride .g-col--1_3 .g-col--1_2:last-of-type {
    padding-left: 0 !important;
    padding-top: 2rem;
  }

  html {
    font-size: 9px;
  }

  .text--title-2,
  .title-main,
  ._toggle,
  .focus_variant__title,
  .focus__title,
  .product-insurance__toggle,
  .product-quote__toggle,
  .accessory-intro__content__title,
  .banner__title,
  .home-discover__text,
  .home-slider__slide__title,
  .product-configurator__title,
  .product-insurance__title,
  .product-intro__title,
  .product-quote__title,
  .success_story-timeline__title,
  .success_story-timeline__slider .slide__year,
  .whoweare-midslide__title,
  .whoweare-banner__title,
  .which_scooter__title {
    font-size: 2.4rem;
  }

  .form_step {
    margin-bottom: 3rem;
  }

  .title-main {
    padding: 4rem 0;
  }

  .title-main.small {
    font-size: 1.8rem;
    margin-bottom: 0;
  }

  .title-main .step span {
    display: none;
  }

  .title-section {
    display: block;
  }

  ._toggle,
  .focus_variant__title,
  .focus__title,
  .product-insurance__toggle,
  .product-quote__toggle {
    font-size: 1.8rem;
  }

  ._toggle:before,
  .focus_variant__title:before,
  .focus__title:before,
  .product-insurance__toggle:before,
  .product-quote__toggle:before {
    display: block;
  }

  .ui-toggle--active ._toggle:before,
  .ui-toggle--active .focus_variant__title:before,
  .ui-toggle--active .focus__title:before,
  .ui-toggle--active .product-insurance__toggle:before,
  .ui-toggle--active .product-quote__toggle:before {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  .input+.input,
  .input+.button,
  .which_scooter .input+.input__radio__text {
    margin-top: 2rem;
  }

  .input--inline .input__label br {
    display: none;
  }

  .input--read_only {
    padding: 1rem 0;
  }

  .input--read_only:first-of-type {
    border-top: 0;
  }

  .input .inline-right {
    margin-top: 1rem;
  }

  .input .inline-left,
  .input .inline-right {
    float: none;
    padding: 0;
    width: 100%;
  }

  .price.monthly-paiement .button,
  .price.monthly-paiement .which_scooter .input__radio__text,
  .which_scooter .price.monthly-paiement .input__radio__text {
    width: auto;
  }

  .progress_circle {
    width: 9rem;
  }

  .progress_circle__value {
    font-size: 2rem;
  }

  .reviews {
    right: 0;
  }

  .share__link {
    float: left;
  }

  .share__link+.share__link {
    margin-left: 1px;
    margin-top: 0;
  }

  .special_offer {
    max-width: none;
  }

  .special_offer {
    margin-top: 4rem;
    display: block;
  }

  .step+.step {
    margin-left: 2rem;
  }

  .step+.step:before {
    width: 2rem;
  }

  .tabs {
    height: auto;
    text-align: left;
    background-color: #fff;
  }

  .tabs .container {
    display: block;
  }

  .tabs .container--narrow,
  .tabs .container--narrow-mobile {
    width: 90%;
  }

  .tabs--filter select {
    display: block;
  }

  .tabs--filter .tabs__link {
    display: none;
  }

  .tabs--filter .tabs__link--active {
    display: block;
    color: #fff !important;
    font-size: 1.6rem;
    text-align: center;
    background: #000000;
    border: 0 !important;
  }

  .tabs--filter .tabs__link--active:after {
    display: block;
  }

  .tabs__link {
    padding: 2rem;
    display: block;
    background-color: #000;
    border-top: 1px solid #fff !important;
    color: #fff;
  }

  .tabs.top-reached {
    top: 5.4rem;
  }

  .tabs__link:last-of-type {
    border-bottom: 1px solid #fff !important;
  }

  .tabs__link br {
    display: none;
  }

  .tabs__link.ui-tabs__handler {
    font-size: 1.6rem;
  }

  .tabs__link.ui-tabs__handler:after {
    display: block;
  }

  .tabs__link.ui-tabs--active:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .tabs__link+.tabs__link {
    border-left: 0;
  }

  .tabs__link--return {
    display: none;
  }

  .tabs__link--normal {
    display: none;
  }

  .tabs__link--try {
    background-color: #00A3E0;
    border-bottom: 3px solid #0067b2;
    padding: 2rem !important;
    text-align: center;
    color: #fff;
  }

  .tabs__link--try:before {
    /* display: none */
  }

  .extratabs {
    display: none;
  }

  .upload_image .button br,
  .upload_image .which_scooter .input__radio__text br,
  .which_scooter .upload_image .input__radio__text br {
    display: none;
  }

  .upload_image__buttons {
    float: none;
    width: 100%;
    margin-top: 1rem;
  }

  .accessory-intro {
    height: auto;
  }

  .accessory-intro__image,
  .accessory-intro__content {
    width: 100%;
    float: none;
  }

  .accessory-intro__image {
    height: 27rem;
  }

  .accessory-intro__content {
    padding: 4rem 0;
  }

  .accessory-intro+.tabs .tabs__link--return {
    display: block;
    width: 100%;
  }

  .account-block {
    width: 100%;
  }

  .g-col--1_2+.g-col--1_2 .account-block {
    margin-left: 0;
  }

  .account-config {
    width: 50%;
  }

  .account-config .align-right {
    /* text-align: center */
  }

  .account-config__name,
  .account-config__range {
    font-size: 2rem;
  }

  .account-config__text__price {
    float: none;
  }

  .account-configs {
    padding-top: 4rem;
  }

  .account-configs .ui-slider__arrow--left {
    left: 1.6rem;
  }

  .account-configs .ui-slider__arrow--right {
    right: 1.6rem;
  }

  .account-configs hr:first-of-type {
    width: 100%;
    background: none;
  }

  .banner {
    height: auto;
    padding: 5rem 0;
  }

  .banner--half {
    width: 100%;
    padding: 0;
    height: 40rem;
  }

  .banner--half .button--link,
  .banner--half .distributor__services_link,
  .banner--half .distributor__minisite_link {
    margin-top: 2rem;
  }

  .banner__title br,
  .banner__subtitle br,
  .banner .button--link br,
  .banner .distributor__services_link br,
  .banner .distributor__minisite_link br,
  .banner__text br {
    display: none;
  }

  .banner__image {
    margin-bottom: 1rem;
  }

  .banner__subtitle {
    font-size: 1.6rem;
  }

  .banner__subtitle br {
    display: none;
  }

  .banner__content {
    margin-top: 3rem;
  }

  .banner__content .g-col {
    padding: 0;
    margin-top: 2rem;
    max-width: none;
    float: none;
  }

  .lame-height-mobile-exception .banner__subtitle {
    line-height: 1.35;
    font-size: 1.6rem;
  }

  .calculator__lame .focus__main .focus__title {
    display: block;
  }

  .calculator__lame .focus__main .focus__title-image img {
    width: 250px;
  }

  .calculator__lame .focus__more {
    display: block;
  }

  .calculator__lame .focus__more .button--calculette {
    width: auto;
    padding: 0.7em 2em 0.7em 1em;
  }

  .calculator__lame .focus__more .focus__title-image img {
    width: 250px;
  }

  .calculator__lame .valign__middle>* {
    margin: 0;
  }

  .comparator {
    width: 100%;
    top: auto;
    bottom: 0;
    height: 34rem;
  }

  .comparator--visible {
    -webkit-transform: translateY(29rem);
    -ms-transform: translateY(29rem);
    transform: translateY(29rem);
  }

  .comparator__side {
    width: 100%;
    float: none;
    height: auto;
  }

  .comparator__toggle {
    width: 5rem;
    float: left;
  }

  .comparator__toggle:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .comparator--active .comparator__toggle:before {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
  }

  .comparator__title {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    left: auto;
    bottom: auto;
    position: static;
    height: 5rem;
    line-height: 5rem;
    text-align: left;
    padding-left: 7rem;
  }

  .comparator__number {
    right: 2rem;
    left: auto;
    bottom: 50%;
    margin-bottom: -0.5em;
  }

  .comparator__content {
    width: 100%;
    float: none;
    padding-bottom: 1rem;
  }

  .comparator .button,
  .comparator .which_scooter .input__radio__text,
  .which_scooter .comparator .input__radio__text {
    width: auto;
  }

  .compare-product {
    padding-right: 2rem;
  }

  .compare-product hr {
    width: calc(100% + 2rem);
  }

  .compare-product__name,
  .compare-product__version {
    font-weight: 400;
  }

  .compare-product__name {
    font-size: 1.4rem;
  }

  .compare-product__version {
    font-size: 1.4rem;
    margin-top: 0.2rem;
  }

  .compare-product__price {
    font-size: 2.5rem;
  }

  .compare-product__category {
    font-size: 1.6rem;
    margin-top: 3rem;
  }

  .compare-product__color_pick {
    width: 1.7rem;
    height: 1.7rem;
  }

  .compare-product__color_pick+.compare-product__color_pick {
    margin-left: 0.7rem;
  }

  .compare-product p,
  .compare-product ul {
    font-size: 1.2rem;
  }

  .compare-product p+ul,
  .compare-product p+p,
  .compare-product ul+ul,
  .compare-product ul+p {
    margin-top: 1.5rem;
  }

  .contact-others__media--mail {
    padding-right: 0;
    padding-left: 2.5em;
  }

  .contact-others__media--mail:before {
    right: auto;
    left: 0;
  }

  .contact-others .g-row {
    margin-top: 4rem;
  }

  .contact-others .g-row .g-col:first-of-type {
    padding-right: 0;
    text-align: left;
  }

  .contact-others .g-row .g-col:last-of-type {
    padding-top: 4rem;
    border-left: 0;
    padding-left: 0;
  }

  .contact-others .g-row .g-col {
    max-width: none;
    float: none;
  }

  .test_ride .distributor__distance,
  .popin .distributor__distance {
    position: static;
    width: auto;
    display: inline;
    position: relative;
    top: auto;
    left: auto;
    padding-right: 0;
    padding-left: 2.5rem;
  }

  .test_ride .distributor__distance:before,
  .popin .distributor__distance:before {
    margin-bottom: 0;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .distributor--active {
    border: 0;
  }

  .test_ride .distributor__title b {
    display: none;
  }

  .test_ride .distributor {
    padding-left: 2rem;
    width: 100%;
    float: none;
  }

  .test_ride .distributor:nth-of-type(2):after {
    content: '';
  }

  .test_ride .distributor .f-row .f-col2 {
    position: relative;
  }

  .test_ride .distributor .f-row .f-col2 .imggoogle {
    display: block;
    position: relative;
    z-index: 0;
  }

  .test_ride .distributor .f-row .f-col2 .ctadistributor {
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .test_ride .distributor .f-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .faq {
    padding-bottom: 0;
  }

  .faq .container {
    width: 100%;
  }

  .ui-tab .faq .title-main {
    margin-top: 0;
    font-size: 1.6rem;
  }

  .faq .title-main {
    text-align: left !important;
    margin: 2rem;
  }

  .faq .title-main br {
    display: none;
  }

  .faq .question {
    padding: 2rem;
  }

  .ui-tab .faq .question:last-of-type {
    border-bottom: 0;
  }

  .faq .question__title {
    font-size: 1.6rem;
  }

  .faq .question__answer__text {
    margin-top: 2rem;
  }

  .focus_variant {
    background-size: 100% auto;
  }

  .focus_variant:nth-of-type(odd) {
    background: #e2e1e5;
  }

  .focus_variant:nth-of-type(odd) .focus_variant__main {
    background: #e2e1e5;
  }

  .focus_variant:nth-of-type(even) .focus_variant__main {
    background: #fff;
    color: #3c3947;
  }

  .focus_variant.not_dark:nth-of-type(even) {
    background: #fff;
  }

  .focus_variant__main {
    height: 7rem;
    transition: background, color;
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: background, color;
  }

  .ui-toggle--active .focus_variant__main {
    /* background: transparent!important */
  }

  .focus_variant__main .container {
    display: block;
    background-color: transparent;
    width: 86%;
  }

  .focus_variant__main .focus_variant__subtitle,
  .focus_variant__main .focus_variant__excerpt {
    display: none;
  }

  .focus_variant__main .valign {
    width: 100%;
    display: table;
    height: 100%;
  }

  .focus_variant__main .valign__middle {
    display: table-cell;
  }

  .focus_variant__main .valign__middle>* {
    max-width: none;
  }

  .focus_variant__main .focusimg {
    display: none;
  }

  .focus_variant__title {
    padding-right: 2rem;
  }

  .focus_variant__subtitle,
  .focus_variant__excerpt {
    display: block;
  }

  .focus_variant__subtitle {
    font-size: 1.8rem;
  }

  .focus_variant__excerpt {
    margin-bottom: 4rem;
  }

  .focus_variant__toggle {
    display: none;
  }

  .focus_variant__more .focus_variant__subtitle,
  .focus_variant__more .focus_variant__excerpt {
    display: block;
    padding-top: 0.7rem;
    width: 86%;
    margin: auto;
  }

  .focus_variant__more .focusimg {
    display: block;
    height: 0;
    /* width: 150px; */
    width: auto;
    /* padding-top: 150px; */
    padding-top: 50%;
    /* margin: 2rem 0 2rem 7%; */
    margin: 2rem 2rem 7%;
    background-size: cover;
    background-position: center;
  }

  .focus_variant__more .container {
    padding: 0 0 4rem 0;
    width: 100%;
    background-color: transparent;
  }

  .focus_variant__more .container .redac {
    width: 86%;
    max-width: none;
  }

  .focus_variant__more .container .redac.highlight {
    width: 100%;
    padding: 1rem 7%;
    margin-bottom: 2rem;
  }

  .focus_variant:nth-of-type(odd) .focus_variant__more .container .redac.highlight {
    background-color: #fff;
  }

  .focus_variant__more {
    padding: 0;
    padding-top: 0;
  }

  .focus {
    background-size: 100% auto;
  }

  .focus--video .focus__title {
    text-align: left;
  }

  .focus--video .focus__more,
  .focus--video .focus__more .container {
    padding-top: 0;
  }

  .focus--video .ui-toggle__content {
    display: block;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  .focus--video .ui-toggle__content .banner__subtitle {
    padding: 1rem 0;
  }

  .focus--video .focus__main .focus__title {
    text-align: center;
  }

  .focus--video .focus__main .focus__title:before {
    content: none;
  }

  .ui-toggles .focus--video .ui-toggle__content {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    display: none;
  }

  .ui-toggles .focus--video.ui-toggle--active .ui-toggle__content {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  .ui-toggles .focus--video .focus__main .focus__title {
    text-align: left;
  }

  .focus--middle .valign .focus__title {
    text-align: left;
  }

  .focus--middle .valign .focus__excerpt {
    text-align: left;
  }

  .focus--middle {
    background-size: cover;
  }

  .focus__main {
    height: 5rem;
    transition: background, color;
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: background, color;
  }

  .ui-toggle--active .focus__main {
    background: transparent !important;
    color: inherit !important;
  }

  .focus__main .focus__subtitle,
  .focus__main .focus__excerpt,
  .focus__main .focus__play {
    display: none;
  }

  .focus__main .valign {
    float: none !important;
    width: 100% !important;
  }

  .focus__play {
    margin-bottom: 4rem;
    margin-top: 0;
  }

  .focus__subtitle,
  .focus__excerpt {
    display: block;
  }

  .focus__subtitle {
    font-size: 1.8rem;
  }

  .focus__excerpt {
    margin-bottom: 4rem;
  }

  .focus__toggle {
    display: none;
  }

  .focus__more .container {
    padding: 0;
    padding-top: 50%;
  }

  .focus__more .g-row+.g-row {
    margin-top: 0;
  }

  .focus__more .g-col {
    max-width: none;
    float: none;
    padding: 0 !important;
    margin-bottom: 3rem;
  }

  .home-categories__cat {
    width: 50%;
  }

  .home-categories__cat__title {
    font-size: 3.6rem;
  }

  .home-categories__cat__title small div+div {
    font-size: 0.6em;
  }

  .home-categories__cat__content {
    position: static;
  }

  .home-categories__cat .button,
  .home-categories__cat .which_scooter .input__radio__text,
  .which_scooter .home-categories__cat .input__radio__text {
    height: 100%;
  }

  .home-discover {
    height: calc(100vh - 6rem);
    min-height: 50rem;
  }

  .home-discover .valign {
    height: auto;
    margin-top: 2rem;
    padding: 0 2rem !important;
  }

  .home-discover__text {
    font-size: 2.2rem;
  }

  .lame-height-mobile-exception .home-discover {
    height: 680px;
  }

  .prehome--logo {
    width: 80px;
    height: 63px;
    top: 0px;
    left: 0px;
  }

  .prehome .prehometext h1 {
    font-size: 16px;
    margin-bottom: 2rem;
  }

  .prehome .prehometext h1 br {
    display: inline;
  }

  .prehome .prehometext h2 {
    font-size: 25px;
    margin-bottom: 0rem;
  }

  .prehome .prehometext {
    margin: 0 6% 3rem;
    width: auto;
    padding-top: 30px;
  }

  .prehome .prehomeyoutube {
    width: 100%;
    padding-bottom: 70%;
  }

  .prehome::-webkit-scrollbar {
    display: none;
  }

  .home-slider {
    height: calc(100vh - 6rem);
    min-height: 40rem;
  }

  #free-template .home-slider {
    height: 230px;
    min-height: 0;
  }

  .home-slider__slide .valign {
    height: auto;
    padding: 0 2rem;
    margin-top: 5rem;
  }

  .popin {
    padding: 2rem 2rem;
    padding-top: 7rem;
    max-height: 100vh;
  }

  .popin .g-col {
    max-width: none;
    float: none;
  }

  .popin .g-col+.g-col {
    margin-top: 1rem;
    text-align: left;
  }

  .popin__title {
    text-align: left;
  }

  .popin__subtitle {
    text-align: left !important;
  }

  .ui-popin__close {
    right: 0;
    left: auto;
  }

  .ui-popin {
    overflow: hidden;
  }

  .popin-calculator {
    font-size: 1.55rem;
    padding-top: 3rem;
  }

  .popin-calculator .popin__title {
    font-size: 2rem;
    text-align: center;
    padding: 0 3rem;
  }

  .popin-calculator .img-title img {
    width: 136px;
  }

  .popin-calculator .extra-title {
    font-size: 1.8rem;
    margin: 2.5rem auto 3rem;
  }

  .popin-calculator .label,
  .popin-calculator .value {
    font-weight: 500;
  }

  .popin-calculator .result-title {
    font-size: 1.77rem;
  }

  .popin-calculator .calcresult {
    font-size: 3.2rem;
  }

  .popin-calculator .twocols {
    display: block;
  }

  .popin-calculator .twocols>* {
    padding: 0;
  }

  .popin-calculator .twocols .twocols {
    font-size: 1.55rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .popin-calculator .calcblock.twocols {
    margin-top: 4rem;
    margin-bottom: 1rem;
  }

  .popin-calculator .calcblock.twocols+.twocols {
    font-size: 1.8rem;
    line-height: 1.2;
  }

  .popin-calculator .calcblock.twocols+.twocols .twocols {
    margin-bottom: 1rem;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .popin-calculator .calcblock.twocols>* {
    padding: 0;
  }

  .popin-calculator .calcblock.twocols>div:first-of-type {
    border-right: 0;
  }

  .popin-calculator .calcblock.twocols .rangeblock {
    margin-top: 3rem;
    margin-bottom: 3rem;
    font-size: 1.33rem;
  }

  .popin-calculator .calcblock.twocols .rangeblock .initial {
    font-size: 1.2rem;
    top: -500%;
  }

  .popin-calculator .calcblock.twocols .input__range {
    margin: 0 1rem;
    height: 0.7rem;
  }

  .popin-calculator .calcblock.twocols .months {
    /* display: block;
                padding: 0 25%; */
    margin-top: 1rem;
    margin-bottom: 4rem;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .popin-calculator .calcblock.twocols .months .button--main,
  .popin-calculator .calcblock.twocols .months .button--main--promo,
  .popin-calculator .calcblock.twocols .months .button--send,
  .popin-calculator .calcblock.twocols .months .button--save,
  .popin-calculator .calcblock.twocols .months .button--try,
  .popin-calculator .calcblock.twocols .months .button--calculette,
  .popin-calculator .calcblock.twocols .months .button--info {
    padding: 0.5em 1.5em;
    -webkit-flex: 0 0 0%;
    -ms-flex: 0 0 0%;
    flex: 0 0 0%;
  }

  .popin-calculator .calcblock.twocols .months .button--main+.button--main,
  .popin-calculator .calcblock.twocols .months .button--main--promo+.button--main,
  .popin-calculator .calcblock.twocols .months .button--send+.button--main,
  .popin-calculator .calcblock.twocols .months .button--save+.button--main,
  .popin-calculator .calcblock.twocols .months .button--try+.button--main,
  .popin-calculator .calcblock.twocols .months .button--calculette+.button--main,
  .popin-calculator .calcblock.twocols .months .button--info+.button--main,
  .popin-calculator .calcblock.twocols .months .button--main+.button--main--promo,
  .popin-calculator .calcblock.twocols .months .button--main--promo+.button--main--promo,
  .popin-calculator .calcblock.twocols .months .button--send+.button--main--promo,
  .popin-calculator .calcblock.twocols .months .button--save+.button--main--promo,
  .popin-calculator .calcblock.twocols .months .button--try+.button--main--promo,
  .popin-calculator .calcblock.twocols .months .button--calculette+.button--main--promo,
  .popin-calculator .calcblock.twocols .months .button--info+.button--main--promo,
  .popin-calculator .calcblock.twocols .months .button--main+.button--send,
  .popin-calculator .calcblock.twocols .months .button--main--promo+.button--send,
  .popin-calculator .calcblock.twocols .months .button--send+.button--send,
  .popin-calculator .calcblock.twocols .months .button--save+.button--send,
  .popin-calculator .calcblock.twocols .months .button--try+.button--send,
  .popin-calculator .calcblock.twocols .months .button--calculette+.button--send,
  .popin-calculator .calcblock.twocols .months .button--info+.button--send,
  .popin-calculator .calcblock.twocols .months .button--main+.button--save,
  .popin-calculator .calcblock.twocols .months .button--main--promo+.button--save,
  .popin-calculator .calcblock.twocols .months .button--send+.button--save,
  .popin-calculator .calcblock.twocols .months .button--save+.button--save,
  .popin-calculator .calcblock.twocols .months .button--try+.button--save,
  .popin-calculator .calcblock.twocols .months .button--calculette+.button--save,
  .popin-calculator .calcblock.twocols .months .button--info+.button--save,
  .popin-calculator .calcblock.twocols .months .button--main+.button--try,
  .popin-calculator .calcblock.twocols .months .button--main--promo+.button--try,
  .popin-calculator .calcblock.twocols .months .button--send+.button--try,
  .popin-calculator .calcblock.twocols .months .button--save+.button--try,
  .popin-calculator .calcblock.twocols .months .button--try+.button--try,
  .popin-calculator .calcblock.twocols .months .button--calculette+.button--try,
  .popin-calculator .calcblock.twocols .months .button--info+.button--try,
  .popin-calculator .calcblock.twocols .months .button--main+.button--calculette,
  .popin-calculator .calcblock.twocols .months .button--main--promo+.button--calculette,
  .popin-calculator .calcblock.twocols .months .button--send+.button--calculette,
  .popin-calculator .calcblock.twocols .months .button--save+.button--calculette,
  .popin-calculator .calcblock.twocols .months .button--try+.button--calculette,
  .popin-calculator .calcblock.twocols .months .button--calculette+.button--calculette,
  .popin-calculator .calcblock.twocols .months .button--info+.button--calculette,
  .popin-calculator .calcblock.twocols .months .button--main+.button--info,
  .popin-calculator .calcblock.twocols .months .button--main--promo+.button--info,
  .popin-calculator .calcblock.twocols .months .button--send+.button--info,
  .popin-calculator .calcblock.twocols .months .button--save+.button--info,
  .popin-calculator .calcblock.twocols .months .button--try+.button--info,
  .popin-calculator .calcblock.twocols .months .button--calculette+.button--info,
  .popin-calculator .calcblock.twocols .months .button--info+.button--info {
    margin-top: 0;
  }

  .popin-calculator .mention {
    font-size: 1.33rem;
    line-height: 1.4;
    margin-top: 3rem;
  }

  .popin-calculator .mention+.button--main,
  .popin-calculator .mention+.button--main--promo,
  .popin-calculator .mention+.button--send,
  .popin-calculator .mention+.button--save,
  .popin-calculator .mention+.button--try,
  .popin-calculator .mention+.button--calculette,
  .popin-calculator .mention+.button--info {
    max-width: 13rem;
    font-size: 1.4rem;
  }

  .popin-review__user {
    display: none;
  }

  .popin-review .g-col {
    max-width: none;
    float: none;
  }

  .popin-review__text {
    margin-top: 1rem;
  }

  .product_container {
    width: 50%;
  }

  .product {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .product .button--review {
    float: none !important;
    display: block;
    margin-left: 0;
    margin-bottom: 0.6rem;
  }

  .product .button--promo,
  .product .button--new {
    display: block;
    float: none;
    margin-left: 0;
    margin-bottom: 0.6rem;
  }

  .product .button--promo+.product__name,
  .product .button--new+.product__name {
    margin-top: 5rem;
  }

  .product__name {
    font-size: 2.2rem;
  }

  .slider_product .product__name {
    min-height: 6rem;
    font-size: 2.1rem;
  }

  .product__image {
    width: 100%;
    height: 20rem;
  }

  .product-accessory_summary {
    display: flex;
    min-height: 6rem;
    height: auto;
    align-items: center;
  }

  .product-accessory_summary>* {
    display: block;
  }

  .product-accessory_summary__image {
    width: 25%;
    border-width: 0.5rem;
    float: none;
    height: auto;
    height: 6.5rem;
  }

  .product-accessory_summary__text {
    width: 45%;
    display: flex;
    flex-direction: column;
    padding: 0.5rem 0;
  }

  .product-accessory_summary__title {
    padding-left: 1rem;
    float: none;
    width: 100%;
    margin-top: 0;
  }

  .product-accessory_summary__id {
    width: 100%;
    float: none;
    padding-left: 1rem;
    margin-top: 0.5rem;
  }

  .product-accessory_summary__price {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.5em;
    width: auto;
  }

  .product-accessory {
    width: calc(50% - 0.5rem);
    margin: 0;
    margin-bottom: 1rem;
    background: #fff;
    height: 28rem;
  }

  .product-accessory:nth-child(2n) {
    margin-left: 1rem;
  }

  .product-configurator {
    background-size: 320% auto;
    background-position: 15% 0;
  }

  .desktop .product-configurator .tabs__link:hover,
  .product-configurator .tabs__link:hover,
  .product-configurator .tabs__link.ui-tabs--active,
  .product-configurator .tabs__link--active {
    background: #fff !important;
    color: #00A3E0 !important;
  }

  .product-configurator .g-col {
    max-width: none;
    float: none;
    margin-bottom: 3rem;
  }

  .product-configurator .g-col .g-col {
    padding-left: 0;
  }

  .product-configurator__extra-copy {
    margin-bottom: 3rem;
  }

  .product-configurator .mention {
    background: none;
    padding: 0;
    margin-top: 1rem;
  }

  .product-configurator__image {
    margin-top: calc(80% - 280px);
  }

  .product-configurator .ui-tab {
    background: #ececee;
    padding: 0;
    padding-top: 1rem;
    margin: 0;
    color: #3c3947;
  }

  .product-configurator__summary {
    margin-top: 1rem;
  }

  .product-configurator .accessory-menu .f-row {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .product-configurator .accessory-menu .f-row .button--try {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    margin-left: auto;
    margin-right: auto;
  }

  .product-configurator .accessory-menu .f-row .button--save {
    -webkit-flex-basis: 49%;
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
    margin: 1rem auto;
  }

  .product-configurator .accessory-menu .f-row .button--send {
    -webkit-flex-basis: 49%;
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
    margin-top: 1rem;
  }

  .product-insurance {
    height: auto;
    width: 100%;
    float: none;
    background-color: #ececee;
    background-size: 120% auto;
    background-position: 10% 0;
  }

  .product-insurance__toggle {
    display: block;
    background: #e2e1e5;
    transition: background, color;
    transition-duration: 0.4s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: background, color;
  }

  .ui-toggle--active .product-insurance__toggle {
    background: rgba(0, 126, 219, 0.8);
    color: #fff;
  }

  .ui-toggle--active .product-insurance__toggle:before {
    color: #fff;
  }

  .product-insurance__content {
    padding: 3rem 0;
  }

  .product-insurance__links {
    margin-top: 3rem;
  }

  .product-insurance__title {
    display: none;
  }

  .product-intro {
    height: auto;
  }

  .product-intro__slider,
  .product-intro__content {
    width: 100%;
    float: none;
  }

  .product-intro__slider {
    height: 27rem;
  }

  .product-intro__slider .ui-slider__pagination {
    display: block;
  }

  .product-intro__slider .ui-slider__arrow {
    display: none;
  }

  .product-intro__content {
    padding: 4rem 2rem;
  }

  .product-intro__content .special_offer {
    margin-left: 0;
  }

  .product-intro__title {
    width: 80%;
    margin: auto;
  }

  .product-intro__subtitle {
    margin-top: 1rem;
  }

  .product-quote {
    width: 100%;
    height: auto;
    float: none;
  }

  .product-quote__toggle {
    display: block;
  }

  .product-quote__title {
    display: none;
  }

  .product-quote__slider {
    height: 27rem;
    width: 90%;
    margin: auto;
    padding-top: 3rem;
    padding-bottom: 6rem;
  }

  .product-quote .ui-slider__pagination {
    bottom: -2rem;
  }

  .range-banner>img {
    height: 35% !important;
    bottom: auto;
  }

  .range-banner .container {
    width: 100%;
    height: 65%;
    top: 35%;
    background: #fff;
    position: relative;
  }

  .range-banner__block {
    padding: 0 2rem;
    width: 100%;
    max-width: none;
  }

  .range-banner__title {
    font-size: 4rem;
  }

  .range-banner__content {
    margin-top: 1rem;
  }

  .range-filters {
    min-height: 0;
  }

  .range-filters__choose {
    display: none;
  }

  .range-filters select {
    display: block;
  }

  .range-filters a {
    display: none;
    text-transform: none;
    border: 0;
  }

  .range-filters a:before,
  .range-filters a:after {
    display: none;
  }

  .range-filters a.active {
    display: block;
    background: #fff;
    color: #3c3947;
  }

  .range-filters a.active:before {
    right: 2rem;
    top: 50%;
    margin-top: -0.5em;
    position: absolute;
    color: #00A3E0;
    display: block;
    font-size: 0.7em;
  }

  .range-grid .g-col {
    max-width: none;
    float: none;
  }

  .range-grid__filter {
    border-left: 0;
  }

  .range-grid__filter .input .inline-left {
    text-align: left;
  }

  .range-grid__filter .input .inline-right {
    width: 100%;
    margin-top: 3rem;
  }

  .range-grid__filter .g-col {
    margin-top: 0;
  }

  .range-grid__products:after {
    display: none;
  }

  .range-grid .mention {
    border-left: 0;
    border-bottom: 0;
  }

  .accessory-summary__container .range-summary__text {
    font-size: 2.6rem;
  }

  .slider_product__slider .product {
    width: 50%;
  }

  .slider_product__slider .product:nth-child(3) {
    display: none;
  }

  .slider_product__slider .ui-slider__arrow--left {
    left: 1.6rem;
  }

  .slider_product__slider .ui-slider__arrow--right {
    right: 1.6rem;
  }

  .success_story-focus__main__title,
  .success_story-focus__more__title {
    font-size: 1.8rem;
  }

  .success_story-focus__main {
    height: 56rem;
  }

  .success_story-focus__main .valign {
    height: auto;
    padding-top: 4rem;
    float: none;
    width: 100%;
  }

  .success_story-focus__main__excerpt {
    width: 100%;
  }

  .success_story-focus__main__toggle {
    margin-top: 2rem;
  }

  .success_story-focus__more {
    height: auto;
  }

  .success_story-focus__more__background {
    position: static;
    width: 100%;
    height: 20rem;
  }

  .success_story-focus__more:nth-of-type(odd) .valign,
  .success_story-focus__more:nth-of-type(even) .valign {
    padding: 2rem 0;
  }

  .success_story-focus__slider .swiper-slide:after {
    display: none;
  }

  .success_story-focus__slider {
    height: 28rem;
  }

  .success_story-timeline__slider .swiper-slide {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    pointer-events: all;
  }

  .success_story-timeline__slider .swiper-slide .slide__circle__dot {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .success_story-timeline__slider .slide__info {
    left: 10%;
    width: 80%;
  }

  .success_story-timeline__slider .slide__info:before {
    display: none;
  }

  .whoweare-midslide {
    height: 50rem;
  }

  .whoweare-midslide .valign {
    height: auto;
    margin-top: 4rem;
    padding: 0 2rem !important;
  }

  .whoweare-banner {
    height: auto;
    padding: 5rem 0;
  }

  .whoweare-banner--half {
    width: 100%;
    height: 21rem;
    padding: 0;
  }

  .whoweare-banner--half .button--link,
  .whoweare-banner--half .distributor__services_link,
  .whoweare-banner--half .distributor__minisite_link {
    margin-top: 2rem;
  }

  .whoweare-banner__title br,
  .whoweare-banner__subtitle br,
  .whoweare-banner .button--link br,
  .whoweare-banner .distributor__services_link br,
  .whoweare-banner .distributor__minisite_link br,
  .whoweare-banner__text br {
    display: none;
  }

  .whoweare-banner__image {
    margin-bottom: 1rem;
  }

  .whoweare-banner__subtitle {
    font-size: 1.6rem;
  }

  .whoweare-banner__subtitle br {
    display: none;
  }

  .whoweare-banner__content {
    margin-top: 3rem;
  }

  .whoweare-banner__content .g-col {
    padding: 0;
    margin-top: 2rem;
    max-width: none;
    float: none;
  }

  .footer {
    padding: 0 0 25px;
  }

  .footer__peugeot {
    position: relative;
    float: left;
    width: 50%;
  }

  .footer__peugeot:before {
    vertical-align: middle;
  }

  .footer__bottom {
    padding: 48px 33px 0;
    text-align: center;
  }

  .footer__links {
    display: block;
    clear: both;
    width: 100%;
    padding: 0;
  }

  .footer__link {
    text-align: center;
  }

  .footer__link:first-of-type a {
    border-left: 0;
    padding-left: 0;
    margin-left: 0;
  }

  .footer__contact {
    position: relative;
    float: right;
    padding: 1.5rem 0;
    width: 50%;
    font-size: 1.2rem;
  }

  .comparator--visible+.footer {
    margin-bottom: 5rem;
  }

  main span.chunktext {
    display: none;
  }

  .account .title-main {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .account .title-main.small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .account .title-main.small .g-col--4_7 {
    margin-bottom: 1rem;
  }

  .account .button,
  .account .which_scooter .input__radio__text,
  .which_scooter .account .input__radio__text {
    width: auto;
  }

  .account .slider_product .title-main {
    width: 90%;
    margin: auto;
    padding: 0 0 6rem;
  }

  .account .button--link,
  .account .distributor__services_link,
  .account .distributor__minisite_link {
    margin-bottom: 2rem;
  }

  .account .g-col {
    max-width: none;
    float: none;
  }

  .account__tab--profile .scoots_results .product_container {
    width: 50%;
  }

  .account__tab--profile .scoots_results .product_container.last {
    display: none;
  }

  .account__tab--profile .slider_product .container .title-main,
  .account__tab--profile .slider_product .container .mention {
    width: 90%;
  }

  .login {
    position: relative !important;
    height: auto;
    top: 0;
    padding-bottom: 6rem;
  }

  .login .container {
    margin-bottom: 0;
  }

  .mintpl-test_ride_callback .ride_survey_blocks .g-row .sidebyside {
    display: block;
  }

  .mintpl-test_ride_survey .ride_survey_blocks .g-row .sidebyside {
    display: block;
  }

  .store_locator--with-results .banner {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    display: none;
  }

  .test_ride .store_locator--with-results .banner {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    display: block;
  }

  .store_locator .banner .input .input--submit {
    display: none;
  }

  .store_locator .banner .input__radio {
    display: block;
    margin-left: 0;
  }

  .store_locator .banner .input__radio+.input__radio {
    margin-top: 1.5rem;
  }

  .store_locator__results {
    height: auto;
    position: absolute;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    left: 0;
    top: 0;
    width: 100%;
  }

  .test_ride .store_locator__results {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: relative;
  }

  .store_locator--with-results .store_locator__results {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: relative;
  }

  .store_locator__list,
  .store_locator__map {
    position: static;
  }

  .store_locator__list {
    width: 100%;
  }

  .store_locator__list__count,
  .store_locator__list__count+.store_locator__list__gold-info {
    height: auto;
    line-height: normal;
    margin: 2rem 0;
    padding-left: 2rem;
  }

  .test_ride .store_locator__list__count,
  .test_ride .store_locator__list__count+.store_locator__list__gold-info {
    margin-top: 0;
    margin-bottom: 0;
  }

  .store_locator__list__count+.store_locator__list__gold-info {
    padding-top: 0;
  }

  .store_locator__list .distributors {
    position: static;
    margin-top: 2rem;
  }

  .test_ride .store_locator__list .distributors {
    margin-top: 0;
  }

  .store_locator__map {
    height: 32rem;
  }

  .test_ride .store_locator__map {
    display: none;
  }

  .test_ride_old .input--submit {
    display: block;
  }

  .test_ride_old input[type=submit] {
    margin-top: 4rem;
  }

  .test_ride_old .distributor {
    width: 100%;
    float: none;
  }

  .test_ride_old .distributor:nth-of-type(2):after {
    content: '';
  }

  .test_ride .input--submit {
    display: block;
  }

  .test_ride input[type=submit] {
    margin-top: 2rem;
  }

  .test_ride .ctaaddress input[type=submit] {
    margin-top: 0rem;
  }

  .test_ride #testRideStep1 .container {
    width: 100%;
  }

  .test_ride__model-wrapper {
    padding-left: 0;
    margin-right: -6px;
  }

  .test_ride__model {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }

  .test_ride__model .itemName {
    font-size: 1.5rem;
  }

  .test_ride .instructions {
    margin-left: 20px;
    margin-right: 20px;
  }

  .test_ride #testRideStep2 .which_scooter__breadcrumb,
  .test_ride #testRideStep3 .which_scooter__breadcrumb {
    padding-bottom: 0px;
  }

  .test_ride .step+.step {
    margin-left: 60px;
  }

  .test_ride .step+.step:before {
    top: 1.5rem;
  }

  .test_ride .step+.step:before {
    width: 63px;
  }

  .test_ride .step__number {
    line-height: 3.8rem;
  }

  .test_ride .step__memo {
    display: none;
  }

  .test_ride #storeloc_request {
    padding: 40px 0;
  }

  .test_ride .storelocwrapper {
    display: block;
    padding-left: 6%;
    padding-right: 6%;
  }

  .test_ride .ctageoloc {
    display: block;
    margin-bottom: 20px;
  }

  .test_ride .store_locator__list__header {
    margin-bottom: 2rem;
  }

  .test_ride .f-row .instructions {
    text-align: center;
  }

  .test_ride .f-row {
    display: block;
  }

  .test_ride .f-col40pc {
    padding-left: 0;
  }

  .test_ride .f-col40pc .instructions {
    margin-top: 40px;
  }

  .test_ride .f-col50pc {
    display: block;
  }

  .test_ride .coordFooter {
    padding: 30px 0;
    margin-top: 30px;
  }

  .test_ride #testRideConfirm .banner {
    height: 160px;
  }

  .test_ride #testRideConfirm .greetings>div .button--main,
  .test_ride #testRideConfirm .greetings>div .button--main--promo,
  .test_ride #testRideConfirm .greetings>div .button--send,
  .test_ride #testRideConfirm .greetings>div .button--save,
  .test_ride #testRideConfirm .greetings>div .button--try,
  .test_ride #testRideConfirm .greetings>div .button--calculette,
  .test_ride #testRideConfirm .greetings>div .button--info {
    margin-top: 30px;
  }

  .test_ride #testRideConfirm .greetings {
    display: block;
    padding: 60px 30px;
  }

  .test_ride .product__name {
    font-size: 2rem;
    text-align: center;
  }

  .test_ride #testRideCoord img {
    width: 80% !important;
    margin: auto;
    display: block;
  }

  .test_ride #testRideConfirm .memo .product__name {
    font-size: 1.6rem;
  }

  .test_ride #testRideConfirm .memo {
    display: none;
  }

  .test_ride .banner {
    height: auto;
    padding: 5rem 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .test_ride .testRideStep .banner.ui-fit .ui-fit__cover {
    display: none;
  }

  .test_ride #testRideConfirm .banner.ui-fit .ui-fit__cover {
    display: block;
    object-position: 50% 68%;
    height: 100%;
    object-fit: cover;
    width: 120%;
    margin: auto;
    left: -500px;
    right: -500px;
  }

  .test_ride .stepback {
    position: static;
    text-align: left;
    margin: 0 0 3rem;
    padding: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }

  .test_ride .valign__middle {
    display: block;
  }

  .test_ride .valign {
    display: block;
    padding: 1rem 0 0;
  }

  .which_scooter__container {
    padding-top: 8rem;
  }

  .which_scooter__subtitle {
    margin-bottom: 3rem;
  }

  .which_scooter .input--range {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 2rem;
    margin-bottom: 4rem;
  }

  .which_scooter .input--range+.button,
  .which_scooter .input--range+.input__radio__text {
    width: 90%;
  }

  .which_scooter .input__radio {
    margin-top: 1rem;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .which_scooter .input__radio__text {
    display: block;
  }

  .which_scooter__head .button,
  .which_scooter__head .which_scooter .input__radio__text,
  .which_scooter .which_scooter__head .input__radio__text {
    width: 90%;
  }

  .which_scooter__head .button+.button,
  .which_scooter__head .which_scooter .input__radio__text+.button,
  .which_scooter .which_scooter__head .input__radio__text+.button,
  .which_scooter__head .which_scooter .button+.input__radio__text,
  .which_scooter .which_scooter__head .button+.input__radio__text,
  .which_scooter__head .which_scooter .input__radio__text+.input__radio__text,
  .which_scooter .which_scooter__head .input__radio__text+.input__radio__text {
    margin-left: 0;
    margin-top: 1rem;
  }

  .which_scooter__actions {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }

  .which_scooter.step_result .product_container {
    width: 50%;
  }

  .which_scooter.step_result .product_container.last {
    display: none;
  }

  .which_scooter.step_result .which_scooter__list {
    width: 100%;
  }

  .which_scooter__list .range-grid__products .product {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
  html {
    display: block;
  }
}

@media screen and (max-width: 767px) and (orientation: portrait) {
  html {
    display: block;
  }
}

@media screen and (max-width: 480px) {
  html {
    display: block;
  }

  .footer__peugeot {
    display: block;
    float: none;
    width: 100%;
    clear: both;
    padding-top: 6px;
  }

  .footer__contact {
    display: block;
    float: none;
    width: 100%;
  }
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
  html {
    display: block;
  }
}

@media screen and (min-width: 1130px) {

  .tab-more:before,
  .tab-more:after {
    width: 12px;
    height: 12px;
  }

  .tab-more:before {
    top: 13px;
  }

  .tab-more:after {
    top: 18px;
  }

  html[lang="vi"] .header__inner .header__link {
    width: 16.66667%;
  }

  html[lang="vi2"] .header__inner .header__link {
    width: 16.66667%;
  }
}

@media only screen and (min-width: 768px) {
  .free-template.block-lame_deployable .test_ride .g-col--1_3 {
    max-width: 36%;
    float: left;
    padding: 0 4%;
  }

  .free-template.block-lame_deployable .test_ride .g-col--1_3:before {
    content: '';
  }

  .free-template.block-lame_deployable .test_ride .g-col--1_3:first-of-type {
    padding-left: 0;
    max-width: 32%;
  }

  .free-template.block-lame_deployable .test_ride .g-col--1_3:first-of-type:before {
    content: none;
  }

  .free-template.block-lame_deployable .test_ride .g-col--1_3:last-of-type {
    padding-right: 0;
    max-width: 32%;
    margin-top: 0;
    border-top: 0;
  }

  .minisite-container {
    padding-bottom: calc(100vh - 14.7rem);
  }
}

@media only screen and (min-width: 1130px) {
  #free-template .columns {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #free-template .columns .column-left {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    padding-right: 6rem;
  }

  #free-template .columns .column-left.norightcolumn {
    padding-right: 0;
  }

  #free-template .columns .column-right {
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    margin-top: 0;
  }

  .free-template.block-cta {
    max-width: 260px;
  }

  .free-template.block-image img {
    max-width: none;
  }

  .free-template.block-carrousel .home-slider {
    max-width: none;
  }

  .free-template.block-lame_deployable .test_ride .g-col--1_3 {
    max-width: 100%;
    float: none;
    padding-right: 0;
    padding-left: 0;
    padding-top: 8rem;
  }

  .free-template.block-lame_deployable .test_ride .g-col--1_3:first-child {
    padding-top: 0;
  }

  .free-template.block-lame_deployable .test_ride .g-col--1_3:before {
    content: none;
  }

  .free-template.block-lame_deployable .test_ride .g-col--1_3:first-of-type {
    padding-left: 0;
    max-width: 100%;
  }

  .free-template.block-lame_deployable .test_ride .g-col--1_3:last-of-type {
    padding-right: 0;
    max-width: 100%;
    margin-top: 0;
    border-top: 0;
  }

  .norightcolumn .free-template.block-lame_deployable .test_ride .g-col--1_3 {
    max-width: 36%;
    float: left;
    padding: 0 4%;
  }

  .norightcolumn .free-template.block-lame_deployable .test_ride .g-col--1_3:before {
    content: '';
  }

  .norightcolumn .free-template.block-lame_deployable .test_ride .g-col--1_3:first-of-type {
    padding-left: 0;
    max-width: 32%;
  }

  .norightcolumn .free-template.block-lame_deployable .test_ride .g-col--1_3:first-of-type:before {
    content: none;
  }

  .norightcolumn .free-template.block-lame_deployable .test_ride .g-col--1_3:last-of-type {
    padding-right: 0;
    max-width: 32%;
    margin-top: 0;
    border-top: 0;
  }
}

@media only screen and (width: 1024px) {
  .minisite-container {
    padding-bottom: calc(100vh - 16.2rem);
  }
}

@media only screen and (min-width: 1130px) {
  .minisite-container {
    padding-bottom: calc(100vh - 18.2rem);
  }
  .footer__social {
    display: flex;
    flex-wrap: nowrap;
  }
}

@media screen and (max-width: 1400px) {
  .range-grid__products .product {
    width: 33.33%;
  }
}

/* DEVELOPPEMENT DS - MATHIEU - 19.11.19 */
/* CONFIGURATION DU LOADER DE DEMANDE D'ESSAI */
.loader-essai {
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30000;
  transition: all ease .3s;
  transform: scale(0);
}

.loader-essai.show {
  transform: scale(1);
}

.loader-essai:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.7;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.loader-essai:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-image: url("../medias/loader.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 110px auto;
}


/* END DEVELOPPEMENT DS - MATHIEU - 19.11.19 */
/* Évolution TCO DS - Mathieu - 05.02.20 */
/* COMMON */
.box-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.uppercase {
  text-transform: uppercase;
}

.show-for-mobile {
  display: none;
}

.back-firstdisplay h1 {
  font-size: 20px;
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
  color: #ffffff;
  font-weight: 700;
}

.back-firstdisplay h2,
.back-secondisplay h2 {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
  color: #ffffff;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.3em;
}

.back-firstdisplay p.special,
.back-secondisplay p.special {
  font-size: 9px;
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  color: #ffffff;
  font-weight: 400;
  line-height: 1.3em;
}

.back-secondisplay h1 {
  font-size: 30px;
  display: block;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 15px;
  color: #ffffff;
  font-weight: 700;
}

#comparator .has-error {
  display: none;
  color: red;
  font-weight: 500;
  font-size: 10px;
}

@media only screen and (max-width: 768px) {
  .show-for-mobile {
    display: block;
  }
}

/* FORMULAIRE - ECRAN 1 */
.back-firstdisplay {
  font-family: "Peugeot";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  background-image: url('/website/static/medias/back-secondisplay.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 16px;
}

.container-form {
  display: block;
  width: 100%;
  max-width: 450px;
  height: auto;
  background-color: rgba(0, 0, 0, 0.75);
  padding: 15px;
}

.back-firstdisplay form {
  display: block;
  padding: 0px 25px;
}

form .form-item {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}

form .form-item label {
  display: block;
  width: 100%;
  color: #ffffff;
  line-height: 1.1em;
  margin-bottom: 10px;
  font-size: 11px;
}

form .form-item input[type=text] {
  display: inline-block;
  width: 100%;
  max-width: 80%;
  height: 35px;
  color: #000000;
  font-size: 18px;
  padding: 9px;
  box-sizing: border-box;
  margin-right: 5px;
  text-align: right;
}

@media only screen and (max-width: 768px) {
  form.comparator-form .form-item label {
    white-space: normal;
  }
}

form .form-item input[type=text]:focus,
form .form-item input[type=text]:active,
form .form-item input[type=text]:visited {
  outline: none;
  border: 0;
  box-shadow: 0;
}

form .form-item .suffix {
  color: #ffffff;
}

.comparator-form .form-item .suffix,
.comparator-form .form-item input[type=text] {
  float: left;
}

.comparator-form .form-item .suffix {
  width: calc(20% - 5px);
  float: left;
  margin-top: 9px;
}

form #submitComparator {
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
  background-color: #00A3E0;
  line-height: inherit;
  cursor: pointer;
  position: relative;
  max-width: 310px;
  min-width: 180px;
  justify-content: center;
  align-items: center;
  display: block;
  clear: both;
  width: auto;
  height: auto;
  padding: 13px 15px;
  box-sizing: border-box;
  color: #ffffff;
  background-color: #00A3E0;
  font-size: 12px;
  text-transform: uppercase;
  transition: all ease .3s;
  border: 2px solid #00A3E0;
  margin: 30px auto 10px;
}

form #submitComparator:hover {
  background-color: #000000;
  color: #fff;
  cursor: pointer;
  border-color: #fff;
}

/* RESULTAT BAR CHART - ECRAN N°2 */

.back-secondisplay {
  font-family: "Peugeot";
  display: flex;
  width: 100%;
  height: auto;
  background-image: url('/website/static/medias/back-secondisplay.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 16px;
  padding: 25px 0px;
  box-sizing: border-box;
}

.back-secondisplay .container {
  max-width: 1140px !important;
}

.container-result {
  display: block;
  width: 100%;
  height: auto;
}

.container-result .container-result-item {
  display: flex;
  flex-flow: row nowrap;
  background-color: rgba(0, 0, 0, 0.75);
  color: #ffffff;
  padding: 47px 47px 0px;
  box-sizing: border-box;
}

.container-result .mention-wrapper {
  background-color: rgba(0, 0, 0, 0.75);
  padding-bottom: 15px;
  padding-top: 15px;
}

.container-result .container-result-item .chart {
  flex: auto;
}

.container-result .container-result-item .sidebar {
  width: calc(100% /4);
}

.sidebar form label {
  display: block;
  width: 100%;
  color: #ffffff;
  line-height: 1.1em;
  margin-bottom: 5px;
  font-size: 14px;
}

.sidebar form input[type=text] {
  width: 100%;
  height: 37px;
  color: #000000;
  margin-bottom: 15px;
  font-size: 18px;
  padding: 9px;
  box-sizing: border-box;
}

.sidebar form #submitComparator {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 13px 15px;
  box-sizing: border-box;
  color: #ffffff;
  background-color: #00A3E0;
  border: 0;
  font-size: 12px;
  text-transform: uppercase;
  transition: all ease .3s;
}

form #submitComparator:hover {
  background-color: #000000;
  color: #fff;
  cursor: pointer;
}

.sidebar .coutkm {
  display: block;
  width: 100%;
  height: auto;
  padding: 13px 10px;
  box-sizing: border-box;
  background-color: #2B3762;
  margin-top: 25px;
}

.sidebar .coutkm h2 {
  color: #ffffff;
  margin-bottom: 11px;
  font-size: 20px;
}

.sidebar .coutkm .item {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  padding: 14px 10px;
  color: #000000;
}

.sidebar .coutkm .item.blue {
  background-color: #00A3E0;
  color: #ffffff;
}

.sidebar .coutkm .item .icon {
  display: block;
  width: 43px;
  height: auto;
  margin-right: 10px;
}

.sidebar .coutkm .item .elem-infos {
  flex: auto;
}

.sidebar .coutkm .item .elem-infos * {
  display: block;
  width: 100%;
  margin-bottom: 5px;
}

.sidebar .coutkm .item .elem-infos .name {
  font-size: 12px;
}

.sidebar .coutkm .item .elem-infos .price {
  font-size: 24px;
  font-weight: 500;
  text-align: left;
}

.sidebar .coutkm .item .elem-infos .emission {
  font-size: 12px;
}

.emission #totalTCO {
  display: inline;
}

.sidebar .coutkm .complement {
  margin-top: 10px;
  font-size: 14px;
}

.mobile-table-wrapper,
.chart-action {
  display: none;
}

@media only screen and (max-width: 768px) {
  main {
    height: auto;
    padding-top: 104px;
  }

  .login {
    margin-bottom: -20px;
  }

  h1 {
    padding-top: 30px;
    max-width: 90%;
    margin: 0 auto 30px;
  }

  .box-flex {
    display: block;
  }

  .container-result .container-result-item {
    width: 90%;
    flex-flow: column nowrap;
    margin: 0 auto;
    padding: 30px 10px;
  }

  #chart {
    width: 100%;
    height: auto;
  }

  .chart-action {
    display: block;
    text-align: center;
  }

  .pab-xs-b-0 {
    padding-bottom: 0 !important;
  }

  .mobile-table-wrapper {
    display: block;
  }

  .mobile-table li {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
  }

  .mobile-table li .img {
    width: 10%;
    text-align: center;
    margin-right: 15px;
  }

  .mobile-table li .img img {
    width: 100%;
    max-width: 30px;
    height: auto;
  }

  ul.mobile-table li .label {
    width: 80%;
    font-size: 11px;
    color: #ffffff;
  }

  [data-toggle-trigger] {
    display: inline-block;
    width: 90%;
    height: auto;
    padding: 10px 0;
    box-sizing: border-box;
    color: #ffffff;
    background-color: #00A3E0;
    border: 0;
    font-size: 16px;
    transition: all ease .3s;
  }

  [data-toggle-content] {
    height: auto;
    max-height: 0;
    transition: max-height 0.5s ease;
    overflow: hidden;
  }

  [data-toggle-content].active {
    max-height: 600px;
  }

  .container-result .container-result-item .sidebar {
    width: 100%;
  }

  .sidebar .container-form {
    display: none;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    height: 100vh;
    width: 90%;
    background-color: rgba(0, 0, 0, 0.9);
    position: fixed;
    top: 54px;
    left: 0;
  }

  .sidebar .container-form.active {
    display: flex;
  }

  .sidebar .container-form .close {
    display: block;
    color: #ffffff;
    position: absolute;
    top: 10px;
    right: 10px;
    text-transform: uppercase;
    cursor: pointer;
  }

  .sidebar .container-form form {
    display: block;
    width: 80%;
    margin: 0 auto;
  }

  .sidebar .coutkm .item .elem-infos {
    flex: inherit;
  }

  .open-form {
    display: block;
    width: 90%;
    text-align: center;
    background-color: #00A3E0;
    color: #ffffff;
    padding: 10px 0px;
    box-sizing: border-box;
    margin: 30px auto;
  }

  .open-form:hover {
    background-color: #000000;
    cursor: pointer;
  }

  .container-result .mention-wrapper {
    padding: 15px 47px;
    width: 90%;
    margin: 0 auto;
  }

  #comparator input {
    max-width: 55%;
  }

  .product-intro__price .price-action-button {
    width: auto;
    min-width: 30%;
  }
}

/* END Évolution TCO DS - Mathieu - 05.02.20 */

/* DEVELOPPEMENT DS - GUILLAUME G - 20.01.21 */
/* EXTENSION GARANTIE */

.popin-warranty {
  font-size: 2.4rem;
  color: #24394d;
  text-transform: uppercase;
  font-weight: 400;
}

.popin-warranty .popin_title {
  font-size: 2rem;
  margin-bottom: 15px;
  color: #00A3E0;
}

.popin-warranty a {
  margin-top: 15px;
}

.popin-warranty h3 {
  margin-bottom: 15px;
  font-size: 3rem;
  font-weight: 300;
}

.popin-warranty .form-content {
  margin: 40px auto 0 auto;
  max-width: 230px;
}

.popin-warranty .form-content p {
  text-transform: none;
  font-size: 1.3rem;
  font-weight: 700;
  color: #000;
}

.popin-warranty .form-content input {
  margin: 8px auto 35px;
  width: 100%;
}

.popin-warranty #checkVINSuccess p,
.popin-warranty #checkVINFail p {
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 300;
  margin: 50px 0;
  line-height: 2.3rem;
}

.account-block-warranty {
  text-align: center;
  min-height: 270px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.account-block-warranty .account-block__title {
  max-width: 100%;
  font-size: 2.6rem;
  line-height: 3.6rem;
}

.account-block-warranty .account-block__title span {
  color: #00A3E0;
}

.account-block-warranty .button--main {
  margin-top: 47px;
}

.flex-dual-button {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 1280px) {
  .account-block-warranty {
    min-height: auto;
  }

  .account-block-warranty .button--main {
    margin-top: 20px;
  }
}

@media screen and (min-width: 768px) {
  .account-block-warranty .account-block__title {
    font-size: 3.6rem;
    line-height: 5.6rem;
  }
}

/* END DEVELOPPEMENT DS - GUILLAUME G - 20.01.21 */

/* UPDATE GAMME VIEW - GUILLAUME F - CEDRIC A - 21.02.20 */
/*.product .button--review {
  margin: 0 0 0 0.1rem;
}*/
.range-grid__products .product .button--add,
.range-grid__products .product .button--remove {
  display: none;
}

.product .product__image {
  height: 14rem;
  padding: 0;
  margin: 2rem auto;
}

.product .button--link {
  margin-top: 1.5rem !important;
}

.product .price_location .btn-popin>a {
  margin-bottom: 0;
}

.product .product-tags {
  height: 6.5rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  margin-top: -1.6rem;
}

.product .product-tags .product-tags-left {
  width: 50%;
  height: inherit;
}

.product .button--new,
.product .button--promo {
  margin: 0 0 0.2rem;
  width: 100%;
}

.product .button--review {
  margin: 0 0 0.2rem;
}

.ui-toggles--product article .focus__main .container .focus__title.hidden-desktop {
  display: none;
}

.range-grid__products .product__name {
  font-size: 14px;
  line-height: 1.3em;
  margin-top: 2rem;
  height: 5rem;
  font-weight: 300;
  color: #000;
}

.product .product-links {
  position: absolute;
  bottom: 1rem;
  width: 100%;
  margin-left: -2rem;
}

.product-intro__title {
  margin-top: 1.2rem;
  line-height: 38px;
}

.product-intro__links {
  margin-top: auto;
  margin-bottom: 10px;
}

.product .box-price-location {
  margin-top: 0.2em;
}

@media screen and (min-width: 768px) and (max-width: 1129px) {
  .product-intro__content {
    padding: 0 0.5rem;
  }

  .product-intro__title {
    font-size: 1.4rem;
    margin: 0.5rem 0 0.5rem;
    max-width: 100%;
    width: 100%;
    padding-top: 0;
    line-height: 18px;
  }

  .product-intro__subtitle {
    font-size: 1.5rem;
  }

  .product-intro__text {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 1.7em;
    max-width: 375px;
    margin-left: auto;
    margin-right: auto;
  }

  .product-intro__price .box-price .box-price-begin {
    font-size: 1rem;
    margin-bottom: 1rem;
  }

  .product-intro__price .box-price .box-price-value {
    font-size: 1.7rem;
  }

  .product-intro__price .choice {
    font-size: 1.5rem;
    margin: 0 0.5rem;
    height: 55px;
  }

  .product-intro__price .btn-popin {
    float: right;
    top: unset;
  }

  .focus--middle {
    background-size: auto 40rem;
  }
}

@media screen and (max-width: 767px) {
  .product .product-tags {
    margin-left: -0.6rem;
    margin-right: -0.5rem;
    height: 9rem;
  }

  .product .product-tags .product-tags-left {
    width: 100%;
  }

  .product .product__image {
    margin-top: 0;
  }

  .range-grid__products .product__name {
    font-size: 1.6rem;
    margin-top: 2rem;
    height: 7rem;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .product .product-links {
    margin-left: -0.5rem;
    display: none;
  }

  .product-intro__title {
    padding: 0;
  }

  .product-intro__links {
    width: 100%;
    position: relative;
    bottom: 0;
  }

  .ui-toggles--product article .focus__main .container .valign__middle.hidden-desktop {
    background-color: #000;
  }

  .ui-toggles--product article .focus__main .container .focus__title.hidden-desktop {
    display: block;
    background-color: #000;
  }

  /* TCO mobile */
  .back-secondisplay .container-result-item g.ct-labels foreignObject:nth-child(odd) {
    display: none;
  }

  .back-secondisplay .container-result-item g.ct-labels foreignObject:nth-child(even) {
    white-space: nowrap;
  }
}

/* END UPDATE GAMME VIEW - GUILLAUME F - CEDRIC A - 21.02.20 */

/* DEVELOPPEMENT DS - GUILLAUME G - 20.04.16 */
/* COOKIEBOT */
#CybotCookiebotDialog {
  padding: 15px 15px 0;
}

#CybotCookiebotDialog a,
#CybotCookiebotDialog div,
#CybotCookiebotDialogBodyContentControls,
#CybotCookiebotDialogBodyContentTitle {
  font-family: Peugeot, 'Segoe UI', Arial, Helvetica, Verdana, sans-serif !important;
  max-width: 100%;

}

#CybotCookiebotDialogBodyContentText {
  padding-left: 0 !important;
}

#CybotCookiebotDialogDetail {
  max-width: 100% !important;
  padding: 0 15px;
}

#CybotCookiebotDialogBodyContent {
  padding-left: 20px !important;
  padding-top: 20px !important;
}

#CybotCookiebotDialogDetailBodyContent {
  overflow: hidden !important;
}

#CybotCookiebotDialogBodyButtons {
  padding-left: 11px !important;
  padding-right: 11px !important;
}

#CybotCookiebotDialogBodyButtons a {
  padding: 10px;
  text-transform: uppercase;
  font-weight: 400;
}

#CybotCookiebotDialogBodyButtonDetails {
  float: left !important;
}

#CybotCookiebotDialogBodyButtonAccept {
  float: right !important;
}

/* END DEVELOPPEMENT DS - GUILLAUME G - 20.04.16 */

/* BEGIN DEVELOPPEMENT DS - LOUBNA F - 24.04.19 */
@media screen and (max-width: 453px) {
  #CybotCookiebotDialogDetailBodyContentTabs {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .CybotCookiebotDialogDetailBodyContentTabsItem,
  .CybotCookiebotDialogDetailBodyContentTabsItemSelected {
    text-align: center;
  }

  .CybotCookiebotDialogDetailBodyContentCookieTypeTable thead {
    display: none;
  }

  .CybotCookiebotDialogDetailBodyContentCookieTypeTable,
  .CybotCookiebotDialogDetailBodyContentCookieTypeTable tbody,
  .CybotCookiebotDialogDetailBodyContentCookieTypeTable tr,
  .CybotCookiebotDialogDetailBodyContentCookieTypeTable td {
    display: block;
  }

  .CybotCookiebotDialogDetailBodyContentCookieTypeTable tbody td {
    width: 100%;
    max-width: 100% !important;
    box-sizing: border-box !important;

  }

  .CybotCookiebotDialogDetailBodyContentCookieTypeTable tbody tr {
    margin: 30px 0;
  }

  .CybotCookiebotDialogDetailBodyContentCookieTypeTable tbody td:before {
    content: attr(data-th) " : ";
    font-weight: bold;
  }
}

body.overflow-hidden {
  overflow: hidden !important;
}

/* END DEVELOPPEMENT DS - LOUBNA F - 24.04.19 */
/* BEGIN DEVELOPPEMENT DS LAME FAQ - GUILLAUME G  - 20.06.02 */
#lame-FAQ {
  background-color: #f0f0f0;
  height: auto;
  padding-bottom: 30px;
}

#lame-FAQ .faq {
  background-color: #f0f0f0;
}

#lame-FAQ .faq .question__title::before {
  content: "" !important;
}

#lame-FAQ .banner__title {
  padding-top: 30px;
  font-weight: 400;
  color: rgb(60, 57, 71) !important;
}

#lame-FAQ .banner__content {
  max-width: 80%;
  margin-top: 30px;
}

#lame-FAQ .banner__content div {
  padding: 10px 15px;
  display: inline-block;
  width: 50%;
  float: left;
  text-align: left;
}

@media screen and (max-width: 768px) {
  #lame-FAQ .banner__content {
    max-width: 90%
  }

  #lame-FAQ .banner__content div {
    width: 100%;
  }

  #lame-FAQ .banner__content div:nth-child(odd) {
    text-align: left;
  }
}

/* END DEVELOPPEMENT DS - GUILLAUME G  - 20.06.02 */
.complete-video {
  display: block;
  width: 100%;
  height: 0;
  transition: all ease-in-out 1s;
  position: relative;
  padding-top: 144px;
}
.complete-video.opened {
  padding-top: 144px;
}

@media only screen and (max-width: 1129px) {
  .complete-video {
    padding-top: 142px;
  }
  .complete-video.opened {
    padding-top: 65px;
  }
}
@media only screen and (max-width: 767px) {
  .complete-video {
    padding-top: 104px;
  }
  .complete-video.opened {
    padding-top: 74px;
  }
}

.complete-video .close {
  display: block;
  width: 100%;
  height: auto;
  background: #000;
  text-align: center;
  padding: 10px 0 5px;
  opacity: 0;
  transition: all ease .25s;
  position: absolute;
  top: 136px;
  left: 0;
  z-index: 3;
}

@media only screen and (max-width: 768px) {
  .complete-video .close.open {
    top: 97px;
  }
}

.complete-video .close a {
  color: #ffffff;
  text-transform: uppercase;
}

.complete-video .close.open {
  opacity: 1;
}

#call-to-action {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
  transition: all ease 1s;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0 15px;
  background-position: center;
}

#call-to-action:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .7;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#call-to-action p {
  display: block;
  width: 100%;
  max-width: 920px;
  color: #ffff;
  margin: 0 auto 20px;
  position: relative;
  font-size: 25px;
  line-height: 30px;
z-index: 2;
text-align: center;
}

#call-to-action.open {
  transform: scale(1);
}

#call-to-action .essaie {
  width: auto;
  margin: 20px 0;
  position: relative;
  z-index: 2;
}

#call-to-action .reload {
  display: block;
  padding-top: 20px;
  border-top: 1px solid #ffffff;
  color: #ffffff;
  position: relative;
  z-index: 2;
  font-size: 17px;
}

/* METROPOLIS POPIN */
.ui-popin--try-metropolis {
  /*background-image: url('https://i.pinimg.com/originals/2d/c4/3f/2dc43f2f9bfb8ade69672293581aac3a.jpg');
  background-size: cover;
  background-position: center;*/
}
.ui-popin--try-metropolis > .valign{
  background-color: rgba(0, 0, 0, 0.7);
}
.ui-popin--try-metropolis .popin {
  padding: 0;
}
.ui-popin--try-metropolis .popin .popin_container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui-popin--try-metropolis .popin .popin_container .popin_img {
  flex: 1;
  background-image: url('../medias/blocks/popin/peugeot-metropolis.png');
  min-height: 400px;
  background-size: cover;
  background-position: center;
}
.ui-popin--try-metropolis .popin .popin_container .popin_content {
  flex: 1;
  padding: 0 25px;
}
.ui-popin--try-metropolis .popin .popin_container .popin_content .popin__title {
  text-transform: none;
  text-align: center;
  margin-bottom: 40px;
  margin-bottom: 3.5rem;
  line-height: 2.5rem;
  margin-top: 16px;
  margin-top: 1.8rem;
}
@media screen and (max-width: 570px) {
  .ui-popin--try-metropolis .popin .popin_container .popin_img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    right: 0;
    z-index: -1;
    min-height: 0;
  }
  .ui-popin--try-metropolis .popin {
    padding: 50px 25px;
    background: rgba(255, 255, 255, 0.95);
    position: relative;
  }
}

/* DEVELOPPEMENT DS - GUILLAUME G - 20.10.28 */
/* SEO WYSIWYG */
.mention.seo a {
  color: #00A3E0;
  text-decoration: none;
}

.mention.seo h1 {
  font-size: 25px;
  font-weight: 600;
  line-height: 35px;
  margin-bottom: 20px;
}

.mention.seo h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5em;
  margin-bottom: 15px;
}

.mention.seo p {
  font-size: 11px;
  line-height: 2em;
}
.mention.seo p:last-child {
  margin-bottom: 20px;
}
/* END DEVELOPPEMENT DS - GUILLAUME G - 20.10.28 */

/* DEVELOPPEMENT DS - ROMAIN R - 20.11.30 */
/* SEO WYSIWYG */
div#CybotCookiebotDialog:after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 30px;
  z-index: -1;
  background: rgba(0, 0, 0, 0.75);
}
/* END DEVELOPPEMENT DS - ROMAIN R - 20.11.30 */

/* DEVELOPPEMENT DS - ROMAIN R - 20.12.15 */
main.offer-page {
  background: #ececec;
}
.offer-page .websites .title.frise-columns {
  font-size: 28.8px;
  text-transform: uppercase;
  text-align: center;
  padding: 45px 0 35px;
}
.popin__title.no_offer {
  background: #fff;
  width: 720px;
  max-width: 72rem;
  margin: 0 auto;
  padding: 35px 20px 0;
  font-weight: 600;
  text-align: center;
}
.offer-page .popin__title {
  text-align: center;
}
@media screen and (max-width: 660px) {
  .popin__title.no_offer {
    max-width: 72rem;
    width: auto;
  }
}
@media screen and (max-width: 1129px) {
  .offer-page .input__tag {
    font-size: 12px;
  }
  .offer-page .frise-columns {
    padding: 5px 15px;
  }
}
.offer-page #to {
  text-align: center;
  flex: 1;
}
.offer-page #to.input__tag.error+span {
  top: 13px;
}
.offer-page #to::placeholder {
  color: rgba(0, 126, 219, 0.7);
}
.offer-page .input__text {
  display: flex;
  flex-wrap: wrap;
}
.offer-page .input__label {
  margin: 0;
  white-space: nowrap;
  display: flex;
  align-items: center;
  margin-right: 20px;
}
#to-error {
  display: block;
  width: 100%;
  margin-top: 10px;
  color: #e87373;
  font-size: 10px;
}
/* END DEVELOPPEMENT DS - ROMAIN R - 20.12.15 */
/*# sourceMappingURL=index-fr.css.map */

.markerNb {
  padding-top: 9px;
  font-weight: 500;
}

html {
  font-size: 8px;
}
main {
  letter-spacing: 0.4px;
}
.white-background {
  background: #fff;
}
.account__tab .slider_product__slider .product {
  padding: 1rem;
}
.account__tab .product .product__image {
  height: 22rem;
}
.account__tab .product .product__name {
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .account__tab .product .product__name {
    font-size: 1.6rem;
    min-height: 7rem;
    margin-top: 2rem;
  }

  #advice .tabs__link {
    height: auto;
  }

  #advice .tabs__link.ui-tabs--active {
    height: auto;
    color: #fff !important;
  }
}

.height-auto {
  height: auto;
}