@charset "UTF-8";
/*
  Rocket
*/
@-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; }

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

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

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

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

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

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

._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, .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__peugeot:before, .footer__contact:before, html[lang="it"] .footer__contact:before, html[lang="de"] .footer__contact: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__account:before, .header__contact:before, .header__network--facebook:before, .header__network--instagram:before, .header__network--youtube: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, .tabs--filter .tabs__link:after, .tabs__link.ui-tabs__handler: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 {
    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--plus:after,
.icon--plus:before {
    content: "A"; }

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

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

.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--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 {
    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--plain-arrow-left:after,
.icon--plain-arrow-left:before {
    content: "P"; }

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

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

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

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

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

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

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

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

.icon-after--mail:after,
.icon--mail:before,
.share__link--mail:before,
.contact-others__media--mail:before,
html[lang="it"] .footer__contact:before,
html[lang="de"] .footer__contact:before {
    content: "Y"; }

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

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

.icon-after--arrow-bottom:after, .button--dropdown:after, .tabs--filter .tabs__link:after, .tabs__link.ui-tabs__handler: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,
.product-configurator__select:before,
.range-filters a:before,
.success_story-timeline__filter_mobile:before {
    content: "b"; }

.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 {
    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--key:after,
.icon--key:before,
.header__link--scooter:before {
    content: "n"; }

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

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

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

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

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

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

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

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

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

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

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

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

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_height_ok {
    max-width: 50%; 
    height:100%;
}	

.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_dealers{
    display: table;  
    margin: auto;
    height: 50%;
    width: 100%; }  


.valign__middle, .valign__bottom, .valign__top {
    display: table-cell;
    height: 100%;
    width: 100%; }
.valign__middle {
    vertical-align: middle; }
.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; }

/**
 * 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: #007edb;
    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: #152032; }
.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: #007edb;
    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: #152032; }
.button--empty, .which_scooter .input__radio__text {
    font-size: 16px;
    font-size: 1.6rem;
    color: #007edb;
    border: 1px solid #007edb;
    padding: 1em 3em; }
.desktop .button--empty:hover, .desktop .which_scooter .input__radio__text:hover, .which_scooter .desktop .input__radio__text:hover {
    background: #152032;
    color: #fff;
    border-color: #152032; }
.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: #007edb;
    padding: 1.5em 2em;
    border-bottom: 3px solid #0067b2;
    line-height: inherit;
    cursor: pointer;
    position: relative; }
.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: #0061a8;
    border-color: #00497f; }
.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: #152032;
    border-bottom-color: #090e15; }
.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: #007edb; }
.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: 104rem;
    position: relative;
    margin: 0 auto; }
.container--narrow {
    max-width: 620px;
    max-width: 62rem;
    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-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 .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 .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 .g-col--1_3 {
    max-width: 36%; }
.col_form.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 .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 .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 .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 .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 .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 .g-col--1_3:first-of-type:before {
    content: none; }
.col_form:first-of-type, .test_ride .g-col--1_3:first-of-type {
    padding-left: 0; }
.col_form: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: #24394d;
    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__street, .distributor__phone, .distributor__services, .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: 32px;
    font-size: 3.2rem;
    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: 20px;
    font-size: 1.4rem; }

.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: 20px;
    font-size: 1.4rem;
    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: #007edb;
    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: 11px;
    font-size: 1.3rem; }
.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: #007edb; }
.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, .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__street, .distributor__phone, .distributor__services, .success_story-timeline__slider .slide__info__text, .success_story-timeline__slider .slide__fact {
    font-size: 13px;
    font-size: 1.3rem; }
.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: 12px;
    font-size: 1.2rem; }
.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__street small, .distributor__phone small, .distributor__services small, .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__street ul, .distributor__phone ul, .distributor__services ul, .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__street ul li, .distributor__phone ul li, .distributor__services ul li, .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__street ul li:before, .distributor__phone ul li:before, .distributor__services ul li:before, .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: 1em !important; }
.title-main b {
    font-weight: inherit;
    color: #007edb; }
.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: #007edb; }

.title-section {
    font-size: 20px;
    font-size: 2rem;
    background: #007edb;
    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: #007edb;
    display: none; }

.color-blue {
    color: #007edb !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: #007edb !important; }

.article__title {
    margin-top: 25px;
    margin-top: 2.5rem; }

.article__text {
    margin-top: 15px;
    margin-top: 1.5rem; }

.back {
    background: #007edb;
    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; }
.ui-menu-open .burger {
    background: #ececee; }
.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; }
.ui-menu-open .burger__icon {
    background: #3c3947; }
.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: #3c3947; }
.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 .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__peugeot, .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--account, .input--submit .header__account, .input--submit .header__network--facebook, .input--submit .header__network--instagram, .input--submit .header__network--youtube {
    background: #152032;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 11px;
    padding: 1rem 1.1rem;
    display: inline-block;
    border: 1px solid #152032;
    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 .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__peugeot + 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--account + input, .input--submit .header__account + input, .input--submit .header__network--facebook + input, .input--submit .header__network--instagram + input, .input--submit .header__network--youtube + 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: #152032; }
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: #007edb; }
.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; }
.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: #007edb;
    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: #007edb !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: 0; }
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:before {
    content: "★"; }
.input__rate a + a {
    margin-left: 0.2em; }
.input__rate a.selected {
    color: #007edb; }
.input__rate a.hover {
    color: #24394d; }
.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 #007edb 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: #007edb; }
.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 #007edb 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: #007edb;
    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; }

.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: #007edb; }

.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: #152032;
    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; }
.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: #007edb;
    color: #fff;
    text-align: right;
    font-size: 0.7em;
    line-height: 23px;
    line-height: 2.3rem;
    padding-right: 0.5em; }

.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: #007edb;
    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: 30px;
    font-size: 3rem;
    color: #007edb;
    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: #007edb;
    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: 32px;
    height: 3.2rem;
    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: #152032; }

.special_offer {
    display: inline-block;
    padding: 15px;
    padding: 1.5rem;
    border: 1px solid #97055e;
    padding-top: 25px;
    padding-top: 2.5rem;
    text-align: center;
    position: relative;
    max-width: 230px; }
.special_offer__title {
    padding-top: 0.4em;
    padding-bottom: 0.5em;
    background-color: #97055e;
    color: #fff;
    position: absolute;
    width: 80%;
    left: 10%;
    top: -1em; }
.special_offer__subtitle {
    color: #97055e; }
.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;
    width: 3rem;
    height: 30px;
    height: 3rem;
    line-height: 29px;
    line-height: 2.9rem;
    font-size: 14px;
    font-size: 1.4rem;
    color: #24394d;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #24394d; }
.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: #24394d;
    color: #fff; }
.mintpl-test_ride_survey__breadcrumb .step.active .step__number {
    background-color: #007edb; }
.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 {
    font-size: 9px; }
.step + .step {
    margin-left: 50px;
    margin-left: 5rem; }
.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: #007edb; }
.step + .step:before {
    position: absolute;
    right: 100%;
    width: 53px;
    width: 5.3rem;
    height: 1px;
    background: #24394d;
    top: 15px;
    top: 1.5rem;
    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: #033153;
    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: 96px;
    top: 9.6rem;
    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--filter .tabs__link:after {
    color: #fff;
    right: 20px;
    right: 2rem;
    top: 50%;
    margin-top: -0.5em;
    position: absolute;
    font-size: 0.7em;
    display: none; }
.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; }
.desktop .tabs__link:hover {
    color: #007edb; }
.tabs__link.ui-tabs__handler:after {
    position: absolute;
    right: 20px;
    right: 2rem;
    top: 50%;
    margin-top: -0.5em;
    font-size: 10px;
    font-size: 1rem;
    display: none; }
.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: #007edb; }
.desktop .tabs__link--try:hover {
    color: rgba(255, 255, 255, 0.6); }
.tabs__link--try:before {
    font-size: 1.8em;
    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: #5a626f;
    color: #fff; }
.tabs__link.ui-tabs--active, .tabs__link--active {
    background: #fff;
    border-top-width: 3px;
    border-left-color: transparent !important;
    color: #007edb !important; }
.product-intro + .tabs .container, .accessory-intro + .tabs .container {
    max-width: none; }
.product-intro + .tabs .tabs__link {
    padding: 0 20px;
    padding: 0 2rem; }
.product-configurator .tabs {
    background: #5a626f; }
.desktop .product-configurator .tabs__link:hover {
    color: #a9afb9; }
.product-configurator .tabs__link.ui-tabs--active {
    color: #5a626f; }
.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 .ui-tabs--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: #007edb;
    border-bottom-color: #007edb; }

.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); }

.extratabslist {
    position: absolute;
    background-color: #033153;
    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; }
.extratabs-item:hover {
    color: #007edb; }

.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: #007edb; }

.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: #007edb; }
.accessory-intro__content__title {
    font-weight: 100; }
.accessory-intro__content__price {
    color: #007edb;
    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: 100; }
.account-block--negative {
    background-color: #152032; }
.account-block--negative, .account-block--negative > * {
    color: #fff; }
.account-block--negative .account-block__model, .account-block--negative .account-block__displacement {
    color: #007edb; }
.account-block--scooter-guarantee .account-block__title span {
    color: #007edb; }
.account-block__name {
    font-size: 38px;
    font-size: 3.8rem;
    color: #007edb; }
.account-block__title, .account-block__model {
    text-transform: uppercase;
    max-width: 70%; }
.account-block__adress {
    margin-top: 15px;
    margin-top: 1.5rem; }
.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; }
.account-block__saved span:nth-of-type(1), .account-block__saved span:nth-of-type(3) {
    color: #007edb;
    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: 45px;
    margin-left: 4.5rem; }
.account-block__saved span:nth-of-type(2) {
    font-size: 20px;
    font-size: 2rem; }
.account-block__saved span:nth-of-type(3) {
    font-size: 26px;
    font-size: 2.6rem; }
.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; }
.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; }

.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: #007edb;
    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: #007edb;
    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: #007edb; }
.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; }
.banner.ui-fit:after {
    content: '';
    position: absolute; left: 0; top: 0; right: 0; bottom: 0;
    background: #007edb;
    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: #152032; }
.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: 100; }
.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: 500px;
    max-width: 50rem; }
.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; }

.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: #007edb;
    color: #fff;
    position: relative; }
.comparator__toggle {
    display: block;
    height: 50px;
    height: 5rem;
    width: 100%;
    background-color: #24394d;
    color: #007edb;
    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 {
    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: #007edb;
    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, .contact-others__media {
    font-weight: 100; }
.contact-others__title {
    text-transform: uppercase;
    text-align: center; }
.contact-others__media {
    margin-bottom: 40px;
    margin-bottom: 4rem;
    position: relative; }
.contact-others__media:before {
    position: absolute;
    top: calc(50% - 0.5em);
    font-size: 2em;
    color: #007edb; }
.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: #007edb; }
.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: #007edb;
    margin-top: 30px;
    margin-top: 3rem; }
.create_account-progress__progress {
    margin: 40px 0;
    margin: 4rem 0;
    color: #007edb; }
.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: #152032; }
.distributors .distributor__distance:before {
    color: #24394d; }
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: 6rem;
    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; }
.distributor input {
    display: none; }
.distributor:first-of-type:after {
    content: none; }
.distributor .close {
    background: #007edb;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    padding: 10px;
    padding: 1rem;
    font-size: 14px;
    font-size: 1.4rem; }
.distributor__title {
    color: #007edb;
    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__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: #007edb;
    margin-top: 10px;
    margin-top: 1rem; }
.distributor__minisite_link {
    color: #007edb;
    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: 10px;
    left: 1rem;
    top: 20px;
    top: 2rem;
    width: 40px;
    width: 4rem;
    text-align: center; }
.distributor__distance:before {
    display: block;
    color: #007edb;
    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 .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: #007edb !important; }
.distributor--active .distributor__title b, .desktop .distributor:hover .distributor__title b, input:checked ~ .distributor__title b {
    color: #152032 !important; }
.distributor .button--route {
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block; }

.faq {
    padding-bottom: 60px;
    padding-bottom: 6rem;
    background: #fff;
    padding-top: 1px;
    color: #3c3947; }
.ui-tab .faq .title-main {
    color: #007edb;
    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: #007edb;
    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: 100; }
.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: 40px;
    margin-top: 4rem; }
.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: #007edb;
    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: #007edb;
    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;
    /* &:nth-of-type(odd) {
      .focus__main{
        @media screen and (max-width: 767px) { background: $color-very-subtle; color: $color-text }
      }
    }
  
    &:nth-of-type(even){
      background-color: #000; background-position: top left; color: #fff;
          .valign { float: right }
      .focus__main{
        @media screen and (max-width: 767px) { background: #fff; color: $color-text }
      }
      &.ui-toggle--active .focus__main{ color: #fff }
    }
  
    &.not_dark:nth-of-type(even){
      background-color: #fff; color: $color-text ;
      &.ui-toggle--active .focus__main{ color: $color-text  }
    } */ }
.focus--video {
    background-position: center;
    background-size: cover !important;
    text-align: center; }
.focus--video .focus__title {
    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__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;
    max-width: 40rem; }
.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: #007edb; }
.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: #007edb;
    color: #fff; }
.color-clear .focus__title:before {
    color: white; }
.focus__subtitle, .focus__excerpt {
    margin-top: 20px;
    margin-top: 2rem; }
.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: #007edb;
    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: #007edb;
    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; }

#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; }

.free-template.block-text p {
    margin: 0 0 15px;
    margin: 0 0 1.5rem;
    line-height: 20px;
    line-height: 2rem; }

.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; }

.free-template.block-cta {
    margin: 40px 0;
    margin: 4rem 0;
    width: 100%;
    max-width: 400px; }
.free-template.block-cta .button--main, .free-template.block-cta .button--main--promo, .free-template.block-cta .button--send, .free-template.block-cta .button--save, .free-template.block-cta .button--try, .free-template.block-cta .button--calculette, .free-template.block-cta .button--info {
    text-align: center;
    display: block; }
.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;
    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%; }
.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: 27rem;
    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: 100; }
	
/*===================changed 02-09-2019=========*/	
* + .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;-- change 29-08-2019*/
    width: 250px;
    width: 25rem; }
.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; }

.home-slider {
    height: 500px;
    height: 50rem;
    position: relative;
    background-color: #152032; }
#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; }

.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: #007edb; }
.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 .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 .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 .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 .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: 100%;
    top: 0;
    width: 50px;
    width: 5rem;
    background-color: #152032;
    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;
    color: #fff; }

.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: #007edb;
    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: #007edb; }
.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: #007edb;
    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: #007edb;
    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: #007edb; }

.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:before {
    content: "★"; }
.popin-review__rating a + a {
    margin-left: 0.1em; }
.popin-review__rating a.selected {
    color: #007edb; }

.popin--warranty input {
    text-align: center; }

.product_container {
    width: 10%;
    float: left;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
.product_container__match {
    color: #007edb;
    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: 499px;
    height: calc(50rem - 1px);
    */
    height: 90%; /* fallback if needed */
    height: calc(100% - 3em);

    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 #007edb;
    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; }
[lang=de] .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: 0rem; }
.product__version {
    margin-bottom: 0 !important; }
.product__name, .product__version {
    font-weight: 100;
    height:30px;
    text-transform: uppercase;
    clear: both; }
.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; }
.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; }
.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; }
.product-accessory_summary__price {
    width: 15%;
    color: #007edb;
    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: 200px;

    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;
}
.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; }
.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: #007edb;
    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__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: #007edb;
    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");  
    background-size: 100%;
    background-position: 100% 50%; }


.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-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: #007edb;
    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: 50rem;
    position: relative; }
.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 > .valign {
    max-width: 500px;
    max-width: 50rem; }
.product-intro__content .special_offer {
    margin-left: 60px;
    margin-left: 6rem; }
.product-intro__content .button--link, .product-intro__content .distributor__services_link, .product-intro__content .distributor__minisite_link {
    margin-top: 40px;
    margin-top: 4rem; }
.product-intro__subtitle {
    margin-top: 10px;
    margin-top: 1rem; }
.product-intro__text {
    margin-top: 30px;
    margin-top: 3rem;
    margin-bottom: 50px;
    margin-bottom: 5rem; }
.product-intro__price {
    color: #007edb;
    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; }

.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: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    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;
    pointer-events: none; }
.range-banner--active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    pointer-events: all; }
.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: 45px;
    font-size: 4.5rem;
    color: #007edb; }
.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__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; }
	
	/*===================changed 29-08-2019=========*/
.range-filters select {
	width:100%;
	/*
    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; }
.range-filters a:before {
    display: none; }
.range-filters a:hover, .range-filters a.active {
    background-color: #007edb;
    color: #fff; }
.range-filters a[data-name="*"] {
    display: none; }

.range-grid .container {
    max-width: 1402px;
    max-width: 140.2rem;
    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: none;
    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: 500px;
    min-height: 50rem; }
.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; }

.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 {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: opacity;
    -ms-transform: opacity;
    transform: 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; }
.range-summary--active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.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: 6rem;
    text-transform: uppercase; }

.slider_product {
    padding-bottom: 30px;
    padding-bottom: 3rem;
    overflow: hidden; }
.slider_product .title-main {
    text-align: center; }
.slider_product__slider {
    height: 500px;
    height: 50rem; }
.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: #007edb; }
.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: #007edb;
    margin-top: 40px;
    margin-top: 4rem;
    display: inline-block;
    position: relative; }

.success_story-focus__main__link {
    font-size: 16px;
    font-size: 1.6rem;
    color: #007edb;
    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: #007edb;
    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: #007edb; }
.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: #007edb;
    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: #007edb;
    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: #007edb; }
.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: #007edb; }
.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: #007edb;
    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: #007edb;
    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: #007edb;
    -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: #007edb; }
.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: #007edb; }
.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: #007edb;
    background: none; }

.technicals {
    background-color: #e2e2e2;
    padding: 20px 0; }
.technicals .tabs {
    color: #000; }
.technicals .focus__main {
    height: auto;
    width: 93%;
    max-width: 500px;
    margin: auto; }
.technicals .focus__main .focus__title {
    white-space: nowrap;
    font-size: 22px;
    font-size: 2.2rem;
    color: #007edb; }
.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 span {
    font-weight: bold; }
.technicals .tabs__link--technical {
    color: #fff;
    border-top: 2px solid #e2e2e2 !important; }
.technicals .ui-tabs--active-technical {
    color: #007edb;
    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; }

.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: #007edb;
    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: #152032; }
.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: #007edb;
    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; }
.dealers {  

    width: 100%;
    background-color: #007edb;
    color: #fff;
    position: relative;
    top: 0px;
    padding: 20px 20px 20px 20px;

    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    display: none; }





.footer {
    background: #152032;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    position: relative;
    padding: 30px 20px;
    padding: 3rem 2rem;
    clear: both; }
.footer__peugeot {
    content: "";
    display: inline-block;
    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; }
.desktop .footer__peugeot:hover {
    color: #007edb; }
.footer__peugeot:before {
    display: inline-block;
    vertical-align: sub;
    font-size: 25px;
    font-size: 2.5rem;
    margin-right: 10px;
    margin-right: 1rem;
    color: #fff; }
.footer__links {
    display: inline-block; }
.footer__link {
    display: inline-block;
    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; }
.footer__link a {
    border-left: 1px solid rgba(255, 255, 255, 0.4);
    margin-left: 10px;
    margin-left: 1rem;
    padding-left: 10px;
    padding-left: 1rem; }
.desktop .footer__link:hover {
    color: #007edb; }
.footer__contact {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: #24394d;
    padding: 30px;
    padding: 3rem;
    font-size: 14px;
    font-size: 1.4rem;
    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; }
.desktop .footer__contact:hover {
    color: #007edb;
    background: #1c2c3c; }
.footer__contact:before {
    display: inline-block;
    vertical-align: middle;
    font-size: 25px;
    font-size: 2.5rem;
    margin-right: 10px;
    margin-right: 1rem; }

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: #ececee;
    height: 96px;
    height: 9.6rem;
    position: fixed;
    z-index: 999;
    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); }
.header.withCookieBanner {
    top: 80px; }
.header__links {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    right: 30px;
    right: 3rem; }
.header__inner {
    height: 100%;
    display: table;
    width: 88.88889%; }
.header__inner .header__link {
    width: 12.5%; }
.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; }
.header__link + * {
    border-left: 1px solid #adadad; }
.desktop .header__link:hover, .header__link.active {
    background-color: #007edb;
    border-color: #007edb; }
.desktop .header__link:hover:before, .desktop .header__link:hover, .header__link.active:before, .header__link.active {
    color: #fff; }
.desktop .header__link:hover + *, .header__link.active + * {
    border-left-color: #007edb; }
.header__link:before {
    display: block;
    margin-bottom: 5px;
    margin-bottom: 0.5rem;
    font-size: 42px;
    font-size: 4.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; }
.header__link > *:first-child {
    display: inline-block;
    margin: 0 3px;
    margin: 0 0.3rem; }
.header__link--logo {
    float: left;
    height: 100%;
    /*background: url("../medias/blocks/header/logo.png") no-repeat center #152032;*/
	background: url("../medias/blocks/header/logo-peugeot-motocycles.svg") no-repeat center #152032;
    background-size: contain;
    border: 0; }
.desktop .header__link--logo:hover {
    background-color: #1d2b44; }
.header__link--logo + * {
    border-left: 0; }
.header__link--resselers:before, .header__link--resselers, .header__link--account:before, .header__link--account, .header__link--test_drive:before, .header__link--test_drive {
    color: #007edb; }
.header__link--range:before {
    -webkit-transform: scale(1.43);
    -ms-transform: scale(1.43);
    transform: scale(1.43); }
.header__account {
    display: none; }
.header__social {
    position: absolute;
    left: 99%;
    top: 0;
    height: 100%;
    width: 30px;
    width: 4rem; }
.header__network {
    display: block;
    height: 33.33333%;
    position: relative;
    font-size: 14px;
    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; }
.desktop .header__network--facebook:hover {
    background: #3b5998; }
.desktop .header__network--instagram:hover {
    background: #517fa4; }
.desktop .header__network--youtube:hover {
    background: #bb0000; }
.header__network:before {
    position: absolute; left: 50%; top: 50%; margin-top: -0.5em; margin-left: -0.5em; line-height: 100%; }
.header__network + .header__network {
    border-top: 1px solid #adadad; }
.desktop .header__network:hover {
    color: #fff; }

main {
    padding-top: 96px;
    padding-top: 9.6rem;
    min-height: calc(100% - 8.5rem); }

.account .title-main {
    padding-bottom: 40px;
    padding-bottom: 4rem; }

.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; }

.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 {
    position: absolute; left: 0; top: 0; right: 0; bottom: 0;
    top: 96px;
    top: 9.6rem;
    background: url("") no-repeat center/cover;
    height: calc(100% - 18.1rem); }
.login:after {
    content: '';
    position: absolute; left: 0; top: 0; right: 0; bottom: 0;
    background: #007edb;
    opacity: 0.85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    z-index: 1; }
.login > * {
    position: relative;
    z-index: 2; }
.login .title-main {
    text-align: center;
    color: #fff; }
.login__subtitle {
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-bottom: 3rem; }
.login__subtitle, .login .input__label, .login .button--underline {
    color: #fff; }
.login .input--submit {
    display: block;
    margin-top: 20px;
    margin-top: 2rem; }
.login .input--submit + .input--submit {
    margin-top: 40px;
    margin-top: 4rem; }
.login .g-col--1_2 {
    min-height: 310px;
    min-height: 31rem; }
.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: #152032;
    border: 0; }
.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: #243756; }

.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; }

.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: #007edb; }
.section__rubriques--sitemap h2 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    color: #007edb; }
.section__rubriques--sitemap h2 a:hover {
    color: #152032; }

.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; }
.store_locator__list__count span, .store_locator__list__count + .store_locator__list__gold-info span {
    display: none; }
.store_locator__list__count + .store_locator__list__gold-info {
    padding-top: 0; }
.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; }
.store_locator__list .distributors {
    position: absolute;
    top: 60px;
    top: 6rem;
    bottom: 10px;
    bottom: 1rem;
    left: 20px;
    left: 2rem;
    right: 10px;
    right: 1rem; }
.store_locator__list .distributor:after {
    content: ''; }
.store_locator__list .distributor__title, .store_locator__list .distributor__distance:before {
    color: #152032; }
.store_locator__map {
    left: calc(50% - 25rem);
    right: 0;
    overflow: hidden; }

.test_ride input.error + .input .input__label {
    color: #e87373; }

.test_ride input.error ~ .distributors {
    border-color: #e87373; }

.test_ride__model-wrapper {
    border: 1px solid #adadad; }

.test_ride__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 .input--inline .inline-left, .test_ride .input--inline .inline-right {
    width: auto; }

.test_ride .distributors__empty_result {
    font-size: 16px;
    font-size: 1.6rem;
    color: #e87373;
    margin-bottom: 30px;
    margin-bottom: 3rem; }

.test_ride .distributors {
    height: 420px;
    height: 42rem;
    border: 1px solid #e2e1e5; }

.test_ride .distributor {
    padding-left: 20px;
    padding-left: 2rem;
    cursor: pointer; }
.test_ride .distributor__distance {
    left: auto;
    right: 10px;
    right: 1rem; }
.test_ride .distributor__title b, .test_ride .distributor .button--route {
    display: none; }

.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: #007edb;
    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: #007edb;
    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; }
.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__actions {
    text-align: center;
    display: none;
    margin: 20px 0;
    margin: 2rem 0; }
.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: #007edb; }
.which_scooter.step_result .step__number {
    background: #007edb;
    color: #fff;
    border-color: #007edb; }
.which_scooter.step_result .step__answer {
    display: block; }
.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; }




/* 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 #007edb;
        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; }
    .store_locator .banner .input .input--submit{
        display: block;
        width: auto;
        margin-top: 0; }
    .store_locator .banner .input--submit{
        display: none; } 
    .more_about{
        display: none;
        color:orange
    }
}

@media screen and (min-width: 1025px){
    html{
        display: block; }
    .ui-hide--desktop{
        display: none; } 
}

@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; } 
   .more_about{
        display: none;
        color:blueviolet;
    }
}


@media screen and (min-width: 1025px) and (max-width: 1280px), (max-height: 750px){
    html{
        display: block; } 
}

@media screen and (min-width: 768px) and (max-width: 1024px){
    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; }
    .more_about{
        display: none;
        color:pink;
    }
}




@media screen and (max-width: 1024px){
    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; }
    .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__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; }
    .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{
        height: 7.6rem; }
    .header__link{
        font-size: 1.15rem; }
    .header__link:before{
        font-size: 3rem; }
    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; }
    .login{
        top: 6rem;
        height: calc(100% - 14.5rem); }
    .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; }
    .which_scooter{
        top: 6rem; } 
    .more_about{
        display: none;
        color:green;
    }

}
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
    html{
        display: block; } }

/*------------------------------------------------------------------------------------------------------ max-width: 1023px  --*/
@media screen and (max-width: 1023px){
    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 .g-col--1_3{
        max-width: 50%;
        float: left; }
    .col_form.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 .g-col--1_3:first-of-type{
        max-width: 50%; }
    .col_form.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 .g-col--1_3:last-of-type:before{
        content: none; }
    .col_form.g-col--2_3, .test_ride .g-col--2_3.g-col--1_3{
        max-width: 100%;
        padding: 0; }
    html{
        font-size: 7.5px; }
    .burger{
        display: block; }
    .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__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: 2rem; }
    .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: 6rem; }
    .header__links{
        right: 0; }
    .header__inner{
        display: block; }
    .header__inner .header__link{
        width: 85%;
        max-width: 32rem; }
    .header__inner{
        position: fixed;
        left: 0;
        width: 100%;
        top: 6rem;
        bottom: 0;
        overflow: auto;
        background: rgba(0, 0, 0, 0.5);
        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; }
    .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;
        border-top: 1px solid rgba(0, 0, 0, 0.15);
        display: block;
        color: #3c3947;
        padding: 1.5rem;
        height: auto;
        background-color: #ececee; }
    .header__link:before{
        position: static;
        vertical-align: middle;
        font-size: 3rem;
        margin-right: 1.5rem; }
    .header__link:first-of-type{
        border-top: 0; }
    .header__link:before{
        display: inline; }
    .header__link--logo{
        width: 100%;
        display: block;
        height: 100%;
        background-color: #152032; }
    .header__link--resselers, .header__link--account, .header__link--test_drive{
        background: #007edb;
        border-top-color: rgba(255, 255, 255, 0.5); }
    .header__link--resselers:before, .header__link--resselers, .header__link--account:before, .header__link--account, .header__link--test_drive:before, .header__link--test_drive{
        color: #fff !important; }
    .header__link--test_drive{
        border-top: 0; }
    .header__link--range:before{
        -webkit-transform: none;
        -ms-transform: none;
        transform: none; }
    .header__account{
        position: absolute;
        right: 5%;
        top: 50%;
        font-size: 3rem;
        margin-top: -0.5em;
        display: block;
        color: #fff; }
    .header__social{
        position: static;
        width: 85%;
        height: auto;
        background-color: #ececee;
        border-left: 0;
        max-width: 32rem; }
    .header__network{
        height: auto;
        width: 33.33%;
        float: left;
        padding: 1.5rem 0;
        text-align: center;
        font-size: 2.4rem; }
    .header__network + .header__network{
        border-top: 0;
        border-left: 1px solid #adadad; }
    .header__network:before{
        position: static;
        margin-left: 0;
        margin-top: 0; }
    main{
        padding-top: 6rem; }
    .store_locator__results{
        height: 90rem; }
    .test_ride .distributor{
        width: 50%;
        float: left; }
    .test_ride .distributor:nth-of-type(2):after{
        content: none; }
    .which_scooter__container{
        padding-left: 0;
        padding-right: 0; } 
  .more_about{
        display: none;
        color:red;
    }

}
@media screen and (max-width: 767px){
    html{
        display: block; }
    [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; }
    .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 .g-col--2_3.g-col--1_3 .g-col--1_2 .input--radio + .input--text{
        margin-top: 2rem; }
    .col_form, .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 .g-col--1_3:first-of-type{
        padding-top: 0;
        margin-top: 0;
        border: 0; }
    .col_form:before, .test_ride .g-col--1_3:before{
        content: none; }
    .col_form .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 .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: 2.3rem; }
    .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: #152032;
        border: 0 !important; }
    .tabs--filter .tabs__link--active:after{
        display: block; }
    .tabs__link{
        padding: 2rem;
        display: block;
        background-color: #152032;
        border-top: 1px solid #fff !important; }
    .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{
        border-bottom: 3px solid #0067b2;
        padding: 2rem !important;
        text-align: center; }
    .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; }
    .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; }
    .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__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_r{
        display: none; 
    }

    .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: 4rem;
        padding: 0 2rem !important; }
    .home-slider{
        height: calc(100vh - 6rem);
        min-height: 40rem; }
    #free-template .home-slider{
        height: 430px; }
    .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; }
    .product .button--promo, .product .button--new{
        display: none; }
    .product .button--promo + .product__name, .product .button--new + .product__name{
        margin-top: 5rem; }
    .product__name{
        font-size: 2.2rem; 
        color: green;
    }
    .product__image{
        width: 100%;
        height: 20rem; }
    .product-accessory_summary{
        height: 6rem;
        display: block; }
    .product-accessory_summary > *{
        display: block; }
    .product-accessory_summary__image{
        width: 25%;
        height: 100%;
        float: left;
        border-width: 0.5rem; }
    .product-accessory_summary__title{
        width: 40%;
        float: left;
        padding-left: 1rem;
        margin-top: 0.5rem; }
    .product-accessory_summary__id{
        width: 40%;
        float: left;
        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; }
    .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-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: #007edb;
        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;
        text-align: center; }
    .footer__peugeot{
        position: relative;
        float: left;
        padding: 1.5rem 0;
        width: 50%; }
    .footer__peugeot:before{
        vertical-align: middle; }
    .footer__links{
        display: block;
        clear: both;
        border-top: 1px solid #24394d; }
    .footer__link{
        padding: 2rem 0;
        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: 0;
        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; }
    .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%; }
    .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; }
    .store_locator__list__count + .store_locator__list__gold-info{
        padding-top: 0; }
    .store_locator__list .distributors{
        position: static; }
    .store_locator__map{
        height: 32rem; }
    .test_ride .input--submit{
        display: block; }
    .test_ride input[type=submit]{
        margin-top: 4rem; }
    .test_ride .distributor{
        width: 100%;
        float: none; }
    .test_ride .distributor:nth-of-type(2):after{
        content: ''; }
    .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%; } 
    .more_about{
        display: block;
    }
    .more_about {
    font-size: 2.5em;
    color: #fff;
    z-index: 10;
    display: inline-block;
    vertical-align: middle;
    background-color: #007edb;
    padding: 8px 8px 7px 7px;
    border-radius: 5%;
    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; 
}
}




@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%; }
    .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: 1024px){
    .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: 1024px){
    #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: 1025px){
    .minisite-container{
        padding-bottom: calc( 100vh - 18.2rem); } }
@media screen and (max-width: 1400px){
    .range-grid__products .product{
        width: 33.33%; } }


/*=============hp tabs===================*/

/*=============hp tabs===================*/


/*=============Ribbons===================*/		
		
@import url(https://fonts.googleapis.com/css?family=Lato:700);

.ribbonbox {
  position: relative;
 
  
  
  background: #fff;
  
}

/* common */
.ribbon {
  width: 100px;
  height: 100px;
  overflow: hidden;
  position: absolute;
  z-index:10;
    border:solid 0px red;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
 
}
.ribbon span {
  position: absolute;
  display: block;
  width: 150px;
  padding: 5px 0;
  background-color: #d90000;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 12px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
  border:solid 1px black;
}

/* top left*/
.ribbon-top-left {
  top: 0px;
  left: 0px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: 1px;
  top: 30px;
  text-align:center;
  transform: rotate(-45deg);
}

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.ribbon-bottom-left::before {
  bottom: 0;
  right: 0;
}
.ribbon-bottom-left::after {
  top: 0;
  left: 0;
}
.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg);
}

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.ribbon-bottom-right::before {
  bottom: 0;
  left: 0;
}
.ribbon-bottom-right::after {
  top: 0;
  right: 0;
}
.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg);
}		
/*=============Ribbons===================*/	



/*=============colours patches===================*/	
.button-container button {    
    transition: all .3s ease;
    margin-bottom: 10px;	
	border-radius: 3px;
    border: none;
    box-shadow: none;
   
    cursor: pointer;    
    padding: 5px 5px;
    text-transform: uppercase;
    width: auto;
    font-weight: normal;
    text-shadow: none;
    font-size: 11px;
    
}

.black-button {color: #ffffff;background-image: linear-gradient(to right, #000000 0%, #464637 51%, #000000 100%)}
.black-button:hover { background-position: right center; }

.white-button {color: #555555;background-image: linear-gradient(to right, #ffffff 100%, #ffffff 51%, #ffffff 100%)}
.white-button:hover { background-position: right center; }

.blue-button {color: #ffffff;background-image: linear-gradient(to right, #00468c 0%, #0086b3 51%, #00698c 100%)}
.blue-button:hover { background-position: right center; }

.red-button {color: #ffffff;background-image: linear-gradient(to right, #b32d00 0%, #d93600 51%, #8c0000 100%)}
.red-button:hover { background-position: right center; }

.black-button {color: #ffffff;background-image: linear-gradient(to right, #111111 0%, #464637 51%, #000000 100%)}
.black-button:hover { background-position: right center; }

.orange-button {color: #ffffff;background-image: linear-gradient(to right, #d96c00 0%, #ff5c26 51%, #b30000 100%)}
.orange-button:hover { background-position: right center; }

.grey-button {color: #ffffff;background-image: linear-gradient(to right, #333333 0%, #575748 51%, #444444 100%)}
.grey-button:hover { background-position: right center; }

.vitamin-orange-button {color: #ffffff;background-image: linear-gradient(to right, #ff9326 0%, #ffb973 51%, #ff9326 100%)}
.vitamin-orange-button:hover { background-position: right center; }

.dragon-red-button {color: #ffffff;background-image: linear-gradient(to right, #d90000 0%, #ff2626 51%, #d90000 100%)}
.dragon-red-button:hover { background-position: right center; }

.deep-ocean-button {color: #ffffff;background-image: linear-gradient(to right, #006cd9 0%, #0086b3 51%, #006cd9 100%)}
.deep-ocean-button:hover { background-position: right center; }

.deep-ocean-evasion-button {color: #ffffff;background-image: linear-gradient(to right, #006cd9 0%, #0086b3 51%, #006cd9 100%)}
.deep-ocean-evasion-button:hover { background-position: right center; }

.chocolate-button {color: #ffffff;background-image: linear-gradient(to right, #8c4600 100%, #d96c00 51%, #663300 100%)}
.chocolate-button:hover { background-position: right center; }

.bronze-button {color: #ffffff;background-image: linear-gradient(to right, #8c4600 100%, #b38600 51%, #663300 100%)}
.bronze-button:hover { background-position: right center; }

.iron-button {color: #ffffff;background-image: linear-gradient(to right, #acac9d 100%, #eeeeee 51%, #dbdbea 100%)}
.iron-button:hover { background-position: right center; }

/*=============colours patches===================*/