@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

img {
    max-width: 100%
}

.clearfix:after,
.navigation__list ul li:nth-child(2n+2):after,
.tech-specs__content dl:after,
.detail-row:after,
.compare-block__list:after,
.additional-specs:after,
.rotate-view__colours:after,
.actions--occasion:after {
    content: "";
    display: table;
    clear: both
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex--columns {
    margin-left: -20px;
    margin-right: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-ajtop {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flex-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flex-justify {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.red {
    color: #ea2135
}

.white {
    color: #fff
}

.black {
    color: #000
}

.red-gradient {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #a9151f), color-stop(120%, #ea2135));
    background: linear-gradient(to right, #a9151f 0, #ea2135 120%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.scrambler .red-gradient {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #e6b800), color-stop(120%, #ffcd03));
    background: linear-gradient(to right, #e6b800 0, #ffcd03 120%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.title {
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0
}

.ls1 {
    letter-spacing: 1px
}

.ls2 {
    letter-spacing: 2px
}

.ls11 {
    letter-spacing: 11px
}

.mt20 {
    margin-top: 20px
}

.mt40 {
    margin-top: 40px
}

.mt50 {
    margin-top: 50px
}

.mt55 {
    margin-top: 55px
}

.ml10 {
    margin-left: 10px
}

.ml20 {
    margin-left: 20px
}

.ml30 {
    margin-left: 30px
}

.mb20 {
    margin-bottom: 20px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.mb80 {
    margin-bottom: 80px
}

.pt50 {
    padding-top: 50px
}

.pt150 {
    padding-top: 150px
}

.pb50 {
    padding-bottom: 50px
}

.f-semi-bold {
    font-weight: 600
}

.f-bold {
    font-weight: 700
}

.italic {
    font-style: italic
}

.uppercase {
    text-transform: uppercase
}

.hidden {
    visibility: hidden;
    display: none;
    opacity: 0
}

.image-skew {
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);
    position: relative;
    overflow: hidden
}

.image-skew img {
    position: absolute;
    width: calc(100% + 150px);
    max-width: 200%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: translateX(-75px) skewX(10deg);
    transform: translateX(-75px) skewX(10deg)
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
figure,
footer,
header,
main,
section {
    display: block
}

audio:not([controls]) {
    display: none;
    height: 0
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

b,
strong {
    font-weight: bold
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

button,
input,
select {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button {
    -webkit-appearance: button;
    cursor: pointer
}

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

input {
    line-height: normal
}

input[type="checkbox"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased
}

figure {
    margin: 0
}

body {
    font-family: "freight-sans-pro", Helvetica, Arial, sans-serif
}

h1,
h2,
h3,
h4 {
    font-family: "canada-type-gibson", Helvetica, Arial, sans-serif;
    font-weight: 600
}

@media (max-width:768px) {
    h1 {
        font-size: 1.75em
    }

    h2 {
        font-size: 1.25em
    }

    h3 {
        font-size: 1.25em
    }

    h4 {
        font-size: 1em
    }
}

a {
    text-decoration: none;
    color: #000;
    -webkit-transition: .2s opacity cubic-bezier(.35, 0, .2, .91);
    transition: .2s opacity cubic-bezier(.35, 0, .2, .91)
}

a:hover {
    opacity: .8
}

p {
    font-size: 1em;
    line-height: 1.5em
}

p a {
    color: #ea2135
}

p a:hover {
    opacity: .8
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1em;
    line-height: 1.5em
}

svg.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

input,
select {
    background: none;
    border: 0;
    border-bottom: 1px solid #fff;
    outline: none;
    color: #fff;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    font-size: .875em;
    font-weight: 300;
    -webkit-transition: border .4s cubic-bezier(.35, 0, .2, .91);
    transition: border .4s cubic-bezier(.35, 0, .2, .91);
    border-radius: 0
}

@media (min-width:768px) {

    input,
    select {
        height: 37px
    }
}

@media (max-width:767px) {

    input,
    select {
        height: 44px
    }
}

input:focus,
select:focus {
    font-weight: 600
}

input[type="text"],
input[type="email"],
input[type="tel"],
select {
    -webkit-appearance: none
}

.form-item input:-webkit-autofill,
.form-item input:-webkit-autofill:hover,
.form-item select:-webkit-autofill,
.form-item select:-webkit-autofill:hover,
.form-item select:-webkit-autofill:focus {
    -webkit-text-fill-color: white;
    -webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, .4) inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

select {
    z-index: 2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    cursor: pointer;
    border-radius: 0;
    border-color: transparent
}

@media (min-width:768px) {
    select {
        height: 39px
    }
}

@media (max-width:767px) {
    select {
        height: 44px
    }
}

label {
    cursor: pointer
}

.form-item {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.form-item__label {
    position: absolute;
    top: 33px;
    width: 100%;
    text-transform: uppercase;
    font-size: .75em;
    font-weight: 600;
    letter-spacing: 1px;
    color: #fff;
    -webkit-transition: top .1s cubic-bezier(.35, 0, .2, .91), text-shadow .5s cubic-bezier(.35, 0, .2, .91);
    transition: top .1s cubic-bezier(.35, 0, .2, .91), text-shadow .5s cubic-bezier(.35, 0, .2, .91);
    text-shadow: 0 0 0 transparent
}

.form-item input,
.form-item select {
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0
}

.form-item.is-static .form-item__label {
    top: 10px
}

.form-item--selectbox {
    border-bottom: 1px solid #fff
}

.form-item--selectbox select {
    opacity: 0;
    -webkit-transition: opacity .2s cubic-bezier(.35, 0, .2, .91);
    transition: opacity .2s cubic-bezier(.35, 0, .2, .91)
}

.form-item--selectbox select option {
    color: #000
}

.form-item--selectbox .form-item__label svg {
    float: right;
    width: 10px;
    height: 10px;
    fill: #fff
}

.btn,
.btn-border {
    padding: 11px 20px;
    position: relative;
    color: #fff;
    z-index: 1;
    text-decoration: none;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: .8125em;
    font-weight: 700;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
    border: 0;
    margin-left: 7.25px;
    min-width: 150px;
    text-align: center;
    -webkit-transition: .2s all cubic-bezier(.35, 0, .2, .91);
    transition: .2s all cubic-bezier(.35, 0, .2, .91)
}

.btn:after,
.btn-border:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    -webkit-transition: .3s all cubic-bezier(.35, 0, .2, .91);
    transition: .3s all cubic-bezier(.35, 0, .2, .91);
    background-position: 0;
    background-size: 100% 100%;
    float: left
}

.btn:active:after,
.btn-border:active:after {
    -webkit-transition: .1s all cubic-bezier(.35, 0, .2, .91);
    transition: .1s all cubic-bezier(.35, 0, .2, .91);
    -webkit-transform: scale(1.05) skewX(-20deg);
    transform: scale(1.05) skewX(-20deg)
}

.btn:focus,
.btn-border:focus {
    outline: none
}

.btn--red-gradient:after {
    background-image: -webkit-gradient(linear, left top, right top, from(#81050f), to(red));
    background-image: linear-gradient(90deg, #81050f 0%, red 100%)
}

.btn--red-gradient:hover {
    opacity: 1
}

.btn--red-gradient:hover:after {
    background-size: 150% 100%
}

.btn--red-gradient:active:after {
    background-size: 100% 100%
}

.btn-border {
    top: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 39px
}

.btn-border:after {
    top: -1px;
    border: 1px solid;
    height: calc(100% - 1px)
}

.btn-border:hover {
    opacity: .75
}

.btn-border:active:after {
    -webkit-transition: .1s all cubic-bezier(.35, 0, .2, .91);
    transition: .1s all cubic-bezier(.35, 0, .2, .91);
    -webkit-transform: scale(1.05) skewX(-20deg);
    transform: scale(1.05) skewX(-20deg)
}

.btn-border--white:after {
    border-color: #fff
}

.btn-border--black {
    color: #000
}

.btn-border--black:after {
    border-color: #000
}

.btn-inline {
    font-weight: 600;
    display: block
}

.btn:disabled:after,
.btn-border:disabled:after {
    background: #606060
}

.scrambler .btn--red-gradient:after {
    -webkit-transition: .3s all cubic-bezier(.35, 0, .2, .91);
    transition: .3s all cubic-bezier(.35, 0, .2, .91);
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffcd03), to(#e6b800));
    background: linear-gradient(90deg, #ffcd03 50%, #e6b800 100%)
}

.scrambler .btn--red-gradient:hover:after {
    background-size: 150% 100%
}

.scrambler .btn--red-gradient:active:after {
    -webkit-transition: .3s all cubic-bezier(.35, 0, .2, .91);
    transition: .3s all cubic-bezier(.35, 0, .2, .91)
}

.custom-checkbox {
    position: relative;
    cursor: pointer
}

.custom-checkbox:before {
    content: '';
    width: 12px;
    height: 12px;
    border: 2px solid #000;
    margin-right: 5px;
    display: block;
    float: left;
    margin: 4px 0;
    margin-right: 10px
}

.custom-checkbox:after {
    content: '';
    background-image: url(https://www.ducatizaltbommel.nl/resources/themes/ducati/public/svg/check.svg);
    width: 10px;
    height: 10px;
    background-size: 11px;
    left: 3px;
    top: 7px;
    position: absolute;
    display: none;
    background-repeat: no-repeat;
    background-position: top left
}

.custom-checkbox input {
    visibility: hidden;
    display: none
}

.main {
    margin-top: -96px
}

.wrapper,
.modal__notification {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 40px);
    max-width: 1220px
}

@media (min-width:768px) {

    .wrapper,
    .modal__notification {
        width: calc(100% - 100px)
    }
}

.wrapper--small,
.modal__notification {
    width: 768px
}

@media (max-width:768px) {

    .wrapper--small,
    .modal__notification {
        width: calc(100% - 40px)
    }
}

.page-hero {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: multiply
}

.page-hero .wrapper {
    height: calc(100vh - 100px);
    min-height: 800px
}

.page-hero__positioner {
    width: 100%
}

@media (min-width:768px) {
    .page-hero__positioner {
        max-width: 80%
    }
}

.page-hero__title p {
    margin: 0;
    line-height: inherit
}

.page-hero__title p strong {
    font-weight: 600
}

.page-hero--home {
    position: relative
}

.scroll-down {
    font-family: "canada-type-gibson", Helvetica, Arial, sans-serif;
    font-size: .75em;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    color: #fff;
    margin: auto;
    text-align: center;
    letter-spacing: 2px;
    padding-bottom: 10px
}

@media (max-width:768px) {
    .scroll-down {
        display: none
    }
}

.scroll-down:before {
    content: '';
    background: url(https://www.ducatizaltbommel.nl/resources/themes/ducati/public/svg/page-hero.svg);
    right: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    width: 180px;
    height: 50px;
    margin: auto;
    background-size: contain;
    background-repeat: no-repeat
}

.scroll-down:hover {
    opacity: 1
}

.scroll-down:hover svg {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.scroll-down svg {
    margin-top: 40px;
    fill: #ea2135;
    width: 30px;
    height: 18px;
    margin-left: auto;
    margin-right: auto;
    display: table;
    position: relative;
    z-index: 2;
    -webkit-transition: .2s all cubic-bezier(.35, 0, .2, .91);
    transition: .2s all cubic-bezier(.35, 0, .2, .91)
}

.btn-cnt {
    display: table
}

.btn-cnt--center {
    margin-left: auto;
    margin-right: auto
}

.btn-cnt .btn,
.btn-cnt .btn-border {
    float: left
}

@media (max-width:768px) {

    .btn-cnt .btn,
    .btn-cnt .btn-border {
        width: 100%;
        margin-bottom: 20px
    }
}

.btn-cnt .btn:not(:first-child),
.btn-cnt .btn-border:not(:first-child),
.btn-cnt .btn-simple:not(:first-child) {
    margin-left: 20px
}

@media (max-width:768px) {

    .btn-cnt .btn:not(: first-child),
    .btn-cnt .btn-border:not(: first-child),
    .btn-cnt .btn-simple:not(: first-child) {
        margin-left: 7.25px;
        margin-bottom: 0
    }
}

.featured-bike {
    background: #000;
    overflow: hidden
}

@media (max-width:768px) {
    .featured-bike {
        overflow: visible
    }
}

@media (max-width:560px) {
    .featured-bike {
        overflow: hidden
    }
}

.featured-bike .wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (max-width:768px) {
    .featured-bike .wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }

    .featured-bike .btn-cnt {
        max-width: 240px
    }
}

.featured-bike__visual {
    margin: 0;
    position: relative;
    width: 70%;
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    margin-left: -50%
}

@media (max-width:1024px) {
    .featured-bike__visual {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        width: 50%
    }
}

@media (max-width:768px) {
    .featured-bike__visual {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%;
        margin-left: 0
    }
}

@media (max-width:560px) {
    .featured-bike__visual {
        max-width: 200%;
        width: 200%
    }
}

.featured-bike__visual:after {
    content: '';
    width: 100%;
    height: 200px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, transparent), to(#000));
    background-image: linear-gradient(to bottom, transparent 10%, #000)
}

.featured-bike__visual:before {
    content: '';
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(10%, transparent), to(#000));
    background-image: linear-gradient(to top, transparent 10%, #000)
}

.featured-bike__visual .shadow-right {
    width: 200px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(10%, transparent), to(#000));
    background-image: linear-gradient(to right, transparent 10%, #000)
}

.featured-bike__visual .shadow-left {
    width: 200px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(10%, transparent), to(#000));
    background-image: linear-gradient(to left, transparent 10%, #000)
}

.featured-bike--white .featured-bike__visual:after,
.featured-bike--white .featured-bike__visual:before,
.featured-bike--white .featured-bike__visual .shadow-left,
.featured-bike--white .featured-bike__visual .shadow-right {
    display: none
}

.featured-bike__details {
    -ms-flex-preferred-size: 500px;
    flex-basis: 500px;
    width: 500px
}

@media (max-width:768px) {
    .featured-bike__details {
        margin-top: 40px;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        width: 100%
    }
}

.featured-bike__details span {
    font-family: "canada-type-gibson", Helvetica, Arial, sans-serif;
    letter-spacing: 2px;
    font-size: .875em
}

.featured-bike__details .title {
    position: relative;
    line-height: .8125em;
    letter-spacing: 4px
}

.featured-bike__details .title:after {
    content: '';
    background: #ea2135;
    height: 3px;
    width: 40px;
    position: absolute;
    bottom: -16px;
    left: 0
}

.scrambler .featured-bike__details .title:after {
    background: #ffcd03
}

.featured-bike__details .detail-description {
    padding-right: 20px
}

.featured-bike--right .wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.featured-bike--right .featured-bike__visual {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: 0;
    margin-right: -50%
}

@media (max-width:768px) {
    .featured-bike--right .featured-bike__visual {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-right: 0
    }
}

.featured-bike--right .featured-bike__details {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.featured-bike--white {
    background: #fff
}

.call-to-action {
    height: 500px;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.call-to-action:after {
    content: '';
    z-index: 2;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    top: 0
}

.call-to-action .flex {
    height: 100%
}

.call-to-action__details {
    width: 500px;
    position: relative;
    z-index: 3
}

.footer__top {
    border-top: 4px solid #ea2135;
    padding: 40px
}

@media (max-width:1024px) {
    .footer__top {
        padding: 20px 0
    }
}

@media (max-width:768px) {
    .footer__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.footer__visual-menu {
    width: 30%
}

@media (max-width:768px) {
    .footer__visual-menu {
        width: 100%;
        margin-bottom: 20px
    }
}

.footer__visual-menu .visual-menu-icon {
    background: #ea2135;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative
}

.footer__visual-menu .visual-menu-icon:before {
    content: '';
    width: 100%;
    height: 100%;
    top: -8px;
    left: -8px;
    border: 1px solid #fff;
    position: absolute
}

.footer__visual-menu .visual-menu-icon svg {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: -8px;
    bottom: 0;
    left: -8px;
    right: 0;
    margin: auto
}

.footer__visual-menu li {
    padding: 10px
}

.footer__visual-menu li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    -ms-flex-line-pack: center;
    align-content: center
}

.footer__visual-menu li .visual-menu-name {
    position: relative;
    text-transform: uppercase;
    font-weight: 500;
    font-family: "freight-sans-pro", Helvetica, Arial, sans-serif
}

.footer__visual-menu li .visual-menu-name:after {
    content: '';
    height: 1px;
    width: 100%;
    background: #ea2135;
    bottom: -3px;
    left: 0;
    position: absolute;
    -webkit-transition: .2s all cubic-bezier(.35, 0, .2, .91);
    transition: .2s all cubic-bezier(.35, 0, .2, .91)
}

.footer__visual-menu li a:hover .visual-menu-name:after {
    width: calc(100% - 40px)
}

.footer__menu {
    width: 23.33%
}

@media (max-width:768px) {
    .footer__menu {
        width: 100%;
        margin-bottom: 20px
    }
}

.footer__menu ul {
    list-style: none;
    line-height: 1.5em;
    padding: 0;
    margin: 0
}

.footer__about {
    width: 23.33%
}

@media (max-width:768px) {
    .footer__about {
        width: 100%
    }
}

.footer__about p {
    margin: 0
}

.footer__about svg {
    width: 13px;
    position: relative;
    top: 2px;
    height: 15px
}

.footer__bottom {
    border-top: 2px solid #a3a3a3;
    padding: 12px;
    padding-bottom: 20px;
    font-size: .875em
}

@media (max-width:768px) {
    .footer__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.footer__bottom,
.footer__legal a {
    color: #a3a3a3
}

.footer__legal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:768px) {
    .footer__legal {
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        display: table
    }
}

.footer__legal li {
    float: left
}

.footer__legal li:after {
    content: '-';
    margin-left: 10px;
    margin-right: 10px
}

.footer__legal li:last-of-type:after {
    display: none
}

.footer__ducati {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:768px) {
    .footer__ducati {
        text-align: center;
        display: block
    }
}

.footer__ducati svg {
    width: 50px;
    height: 56px;
    margin-right: 40px
}

@media (max-width:768px) {
    .footer__ducati svg {
        display: none
    }
}

.page-header__title {
    margin-top: 0;
    margin-bottom: 10px
}

.page-header__description {
    max-width: 600px
}

@media (max-width:768px) {
    .page-header .btn-cnt {
        max-width: 240px;
        min-width: 240px;
        width: calc(100% - 150px)
    }
}

.page-header--center {
    text-align: center
}

.page-header--center .page-header__description {
    margin: 0 auto
}

.page-header--center .btn-cnt {
    margin-left: auto;
    margin-right: auto
}

.text-image__content .title:not(h4) {
    margin-bottom: 35px
}

@media (max-width:1024px) {
    .text-image__content .title:not(h4) {
        font-size: 1.375em
    }
}

@media (max-width:768px) {
    .text-image__content .title:not(h4) {
        font-size: 1.125em
    }
}

@media (max-width:1024px) {
    .contact-opening-hours li:nth-child(2n+2) {
        margin-right: 0
    }
}

.header {
    padding: 20px 0;
    background: transparent;
    position: relative;
    z-index: 11;
    -webkit-transition: background .2s cubic-bezier(.35, 0, .2, .91), -webkit-transform .2s cubic-bezier(.35, 0, .2, .91);
    transition: background .2s cubic-bezier(.35, 0, .2, .91), -webkit-transform .2s cubic-bezier(.35, 0, .2, .91);
    transition: transform .2s cubic-bezier(.35, 0, .2, .91), background .2s cubic-bezier(.35, 0, .2, .91);
    transition: transform .2s cubic-bezier(.35, 0, .2, .91), background .2s cubic-bezier(.35, 0, .2, .91), -webkit-transform .2s cubic-bezier(.35, 0, .2, .91)
}

.header .wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header__navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__navigation li {
    float: left;
    margin-right: 25px;
    text-transform: uppercase;
    font-family: "canada-type-gibson", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    font-size: .875em
}

.header__navigation li:last-of-type {
    margin-right: 0
}

.header__navigation li.header__logo {
    margin-right: 40px;
    -webkit-transition: .1s -webkit-transform cubic-bezier(.35, 0, .2, .91);
    transition: .1s -webkit-transform cubic-bezier(.35, 0, .2, .91);
    transition: .1s transform cubic-bezier(.35, 0, .2, .91);
    transition: .1s transform cubic-bezier(.35, 0, .2, .91), .1s -webkit-transform cubic-bezier(.35, 0, .2, .91);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media (max-width:768px) {
    .header__navigation li.header__logo {
        margin-right: 30px
    }
}

.header__navigation li.header__logo svg {
    width: 50px;
    height: 56px
}

.header__navigation li.header__logo a {
    height: 56px;
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.header__navigation li.header__logo:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.header__navigation li.header__logo:hover a {
    opacity: 1
}

@media (max-width:768px) {

    .header__navigation:not(.header__navigation--right) li:not(.header__logo),
    .points__navigation:not(.header__navigation--right) li:not(.header__logo),
    .header__navigation--right li:first-of-type {
        display: none
    }
}

.header__navigation li:nth-of-type(2),
.points__navigation li:nth-of-type(2) {
    display: block !important
}

.navigation-icon {
    width: 30px;
    height: 30px;
    text-align: center;
    position: relative;
    margin-right: 40px
}

.navigation-icon svg {
    width: 30px;
    height: 30px
}

.navigation-icon a {
    line-height: 30px;
    display: block;
    position: relative;
    top: 2px;
    left: 1px
}

.navigation-icon .item-name {
    line-height: 1em;
    letter-spacing: 1px
}

@media (max-width:768px) {
    .navigation-icon.tag-icon .item-name {
        display: none
    }
}

.tag-icon .item-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .75em;
    font-family: "canada-type-gibson", Helvetica, Arial, sans-serif;
    font-style: normal
}

#compareBikes {
    display: none
}

#compareBikes a:after {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: -18px;
    border-radius: 10px;
    z-index: -1;
    margin: auto;
    -webkit-animation: 2s infinite fade;
    animation: 2s infinite fade
}

@media (max-width:768px) {
    #compareBikes a:after {
        top: -9px
    }
}

.header__navigation li a {
    color: #fff
}

@-webkit-keyframes fade {
    0% {
        -webkit-box-shadow: 0px 0px 0 0 #EA2135;
        box-shadow: 0px 0px 0 0 #EA2135
    }

    50% {
        -webkit-box-shadow: 0px 0px 30px 7px #EA2135;
        box-shadow: 0px 0px 30px 7px #EA2135
    }

    100% {
        -webkit-box-shadow: 0px 0px 0 0 #EA2135;
        box-shadow: 0px 0px 0 0 #EA2135
    }
}

@keyframes fade {
    0% {
        -webkit-box-shadow: 0px 0px 0 0 #EA2135;
        box-shadow: 0px 0px 0 0 #EA2135
    }

    50% {
        -webkit-box-shadow: 0px 0px 30px 7px #EA2135;
        box-shadow: 0px 0px 30px 7px #EA2135
    }

    100% {
        -webkit-box-shadow: 0px 0px 0 0 #EA2135;
        box-shadow: 0px 0px 0 0 #EA2135
    }
}

.navigation {
    background: rgba(0, 0, 0, .95);
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: calc(100% - 96px);
    z-index: 8;
    padding-top: 100px;
    -webkit-transition: bottom .5s cubic-bezier(.35, 0, .2, .91);
    transition: bottom .5s cubic-bezier(.35, 0, .2, .91);
    opacity: 0;
    visibility: hidden;
    padding-bottom: 100px
}

@media (max-width:1024px) {
    .navigation {
        padding-top: 10px;
        padding-bottom: 20px
    }
}

@media (max-width:520px) {
    .navigation {
        padding-bottom: 44px
    }
}

@media (max-width:1024px) {
    .navigation .wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.navigation__list li a {
    font-style: italic;
    padding: 8px 0;
    color: #ea2135;
    font-size: 1.125em;
    font-family: "canada-type-gibson", Helvetica, Arial, sans-serif;
    display: inline-block
}

.navigation__list li a:hover {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #a9151f), color-stop(120%, #ea2135));
    background: linear-gradient(to right, #a9151f 0, #ea2135 120%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.navigation__list {
    width: 33.33%;
    opacity: 0;
    -webkit-transition: opacity .3s cubic-bezier(.35, 0, .2, .91), -webkit-transform .3s cubic-bezier(.35, 0, .2, .91);
    transition: opacity .3s cubic-bezier(.35, 0, .2, .91), -webkit-transform .3s cubic-bezier(.35, 0, .2, .91);
    transition: transform .3s cubic-bezier(.35, 0, .2, .91), opacity .3s cubic-bezier(.35, 0, .2, .91);
    transition: transform .3s cubic-bezier(.35, 0, .2, .91), opacity .3s cubic-bezier(.35, 0, .2, .91), -webkit-transform .3s cubic-bezier(.35, 0, .2, .91);
    -webkit-transform: translateX(40px);
    transform: translateX(40px)
}

@media (max-width:1024px) {
    .navigation__list {
        width: 100%;
        margin-bottom: 40px
    }
}

.navigation__list:last-child {
    margin-bottom: 0
}

.navigation.is-active .navigation__list:nth-child(1) {
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

.navigation.is-active .navigation__list:nth-child(2) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.navigation.is-active .navigation__list:nth-child(3) {
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}

.navigation.is-active .navigation__list:nth-child(4) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.navigation.is-active .navigation__list:nth-child(5) {
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s
}

.navigation__list ul li {
    float: left;
    width: auto;
    margin-right: 20px;
    min-width: 200px
}

@media (max-width:520px) {
    .navigation__list ul li {
        width: 100%
    }
}

.navigation__list ul li:nth-child(2n+2) {
    clear: left;
    margin-right: 0
}

.navigation__list h2 {
    font-size: 2em;
    line-height: .75em
}

@media (max-width:1024px) {
    .navigation__list h2 {
        font-size: 1.5em
    }
}

.navigation__list h4 {
    font-size: .75em;
    margin-bottom: 5px
}

.navigation__list--white li a {
    color: #fff;
    font-style: normal
}

.navigation__list--no-title li {
    margin-bottom: 65px
}

@media (max-width:1024px) {
    .navigation__list--no-title li {
        margin-bottom: 15px
    }
}

.navigation__list--no-title li:last-of-type {
    margin-bottom: 0
}

.navigation__list--no-title li a {
    font-style: normal;
    padding: 0;
    color: #fff;
    font-size: 1em
}

.navigation__list--no-title li a span {
    font-size: .75em;
    line-height: 1em;
    margin-bottom: 5px;
    display: block;
    -webkit-transition: all .2s cubic-bezier(.35, 0, .2, .91);
    transition: all .2s cubic-bezier(.35, 0, .2, .91)
}

.navigation__list--no-title li a:hover span {
    color: linear-gradient(90deg, #81050f 0%, red 100%)
}

.navigation__list--no-title li a:hover h2 {
    color: linear-gradient(90deg, #81050f 0%, red 100%)
}

a.scrambler {
    margin-top: 60px;
    color: #ffcd03;
    display: block
}

.navigation__list .scrambler li a {
    color: #ffcd03
}

.navigation__list .scrambler li a:hover {
    color: #e6b800;
    opacity: .75;
    background: none;
    -webkit-text-fill-color: #e6b800
}

#toggleNavigation,
.modal-close {
    position: relative;
    width: 35px;
    height: 35px;
    display: block;
    padding-top: 40px
}

#toggleNavigation span,
.modal-close span {
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    background-color: #fff;
    -webkit-transition: all .2s cubic-bezier(.35, 0, .2, .91);
    transition: all .2s cubic-bezier(.35, 0, .2, .91)
}

#toggleNavigation span:nth-child(1),
.modal-close span:nth-child(1),
.rotate-view-close span:nth-child(1) {
    top: 15px
}

#toggleNavigation span:nth-child(2),
.modal-close span:nth-child(2),
.rotate-view-close span:nth-child(2) {
    top: 25px
}

#toggleNavigation.is-active span:nth-child(1),
.is-active.modal-close span:nth-child(1),
.is-active.rotate-view-close span:nth-child(1) {
    top: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

#toggleNavigation.is-active span:nth-child(2),
.is-active.modal-close span:nth-child(2),
.is-active.rotate-view-close span:nth-child(2) {
    top: 20px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.link-grid-item {
    display: block;
    position: relative;
    height: 350px;
    margin: 0 30px 50px;
    width: calc(50% - 60px);
    padding-bottom: 20px
}

@media (max-width:768px) {
    .link-grid-item {
        width: 100%;
        margin-bottom: 30px;
        margin-left: 0;
        margin-right: 0
    }
}

.link-grid-item__visual {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

@media (max-width:768px) {
    .link-grid-item__visual {
        -webkit-transform: skewX(0);
        transform: skewX(0)
    }
}

.link-grid-item__visual img {
    width: calc(100% + 75px);
    -webkit-transform: translateX(-36.5px) skewX(10deg);
    transform: translateX(-36.5px) skewX(10deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media (max-width:768px) {
    .link-grid-item__visual img {
        width: calc(100% + 165px);
        -webkit-transform: translateX(-82.5px) skewX(0);
        transform: translateX(-82.5px) skewX(0)
    }
}

.link-grid-item__visual--bg:after {
    display: block;
    content: '';
    background: rgba(0, 0, 0, .4);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.link-grid-item__positioner {
    position: absolute;
    left: 0;
    bottom: 20px;
    padding: 20px;
    z-index: 2;
    width: calc(100% - 35px);
    padding: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.link-grid-item__time {
    padding: 8px;
    border: 1px solid #fff;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 9px;
    margin-left: 20px
}

.link-grid-item__time b {
    display: block;
    font-size: 1.5em;
    text-align: center;
    margin-top: 6px
}

.intro .wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:768px) {
    .intro .wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.intro__description,
.intro__list {
    width: calc(50% - 32.5px)
}

@media (max-width:768px) {

    .intro__description,
    .intro__list {
        width: 100%
    }

    .intro__list {
        margin-top: 40px
    }
}

.intro__list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px;
    font-size: 1.125em
}

@media (max-width:768px) {
    .intro__list li {
        margin-bottom: 20px
    }
}

.intro__list li:last-of-type {
    margin-bottom: 0
}

.intro__list li span {
    width: 40px;
    height: 40px;
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 1.25em;
    font-family: "canada-type-gibson", Helvetica, Arial, sans-serif;
    line-height: 40px;
    margin-right: 20px
}

.intro__list li span:before {
    content: '';
    -webkit-transform: skewX(-10deg);
    transform: skewX(-10deg);
    background: #ea2135;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

@media (max-width:768px) {
    .image-grid-four .image-grid-item:nth-child(2n+2) {
        margin-right: 0;
        width: calc(50% - 10px)
    }
}

.modal {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .1);
    z-index: 11;
    opacity: 0;
    -webkit-transition: all .1s cubic-bezier(.35, 0, .2, .91);
    transition: all .1s cubic-bezier(.35, 0, .2, .91);
    overflow: hidden;
    visibility: hidden
}

.modal__content {
    padding: 0 40px;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: all .4s cubic-bezier(.35, 0, .2, .91);
    transition: all .4s cubic-bezier(.35, 0, .2, .91);
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    opacity: 0;
    padding-bottom: 40px
}

@media (max-width:768px) {
    .modal__content {
        padding-left: 0;
        padding-right: 0
    }
}

.modal-form .form-item {
    margin-bottom: 20px
}

.modal-form .custom-checkbox {
    font-size: .75em;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 40px;
    margin-bottom: 20px
}

.modal-form .custom-checkbox:before {
    border-color: #fff;
    margin: 0;
    margin-right: 10px
}

.modal-form .custom-checkbox:after {
    top: 3px
}

.modal-form__column {
    width: 40%;
    float: left;
    margin-right: 20%
}

@media (max-width:560px) {
    .modal-form__column {
        width: 100%
    }
}

.modal-form__column--last {
    margin-right: 0
}

.modal-form__actions {
    width: 100%;
    float: left
}

.modal__top {
    -webkit-transform: translateY(-80px);
    transform: translateY(-80px);
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.35, 0, .2, .91);
    transition: -webkit-transform .2s cubic-bezier(.35, 0, .2, .91);
    transition: transform .2s cubic-bezier(.35, 0, .2, .91);
    transition: transform .2s cubic-bezier(.35, 0, .2, .91), -webkit-transform .2s cubic-bezier(.35, 0, .2, .91)
}

.modal-logo {
    width: 50px;
    height: 56px
}

.modal-close {
    color: #fff;
    font-size: .875em
}

.modal-close .item-name {
    background: none;
    height: auto;
    text-transform: uppercase;
    text-align: center;
    font-size: .75em;
    font-family: "canada-type-gibson", Helvetica, Arial, sans-serif;
    letter-spacing: 1px
}

.modal-form__actions button {
    -webkit-transition: padding .2s cubic-bezier(.35, 0, .2, .91);
    transition: padding .2s cubic-bezier(.35, 0, .2, .91)
}

.modal-form__actions button {
    position: relative
}

.modal-form__actions button:before {
    position: absolute;
    right: 20px;
    bottom: 0;
    top: 0;
    margin: auto;
    content: '';
    border-radius: 10px;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid rgba(255, 255, 255, .2);
    border-right: 2px solid rgba(255, 255, 255, .2);
    border-bottom: 2px solid rgba(255, 255, 255, .2);
    border-left: 2px solid #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: rotate 1.1s infinite linear;
    animation: rotate 1.1s infinite linear;
    opacity: 0;
    -webkit-transition: opacity .2s cubic-bezier(.35, 0, .2, .91);
    transition: opacity .2s cubic-bezier(.35, 0, .2, .91);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

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

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

    100% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

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

    100% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
}

.modal__notification {
    border: 1px solid #fff;
    padding: 20px 0;
    font-weight: 600;
    text-align: center;
    position: fixed;
    bottom: -100px;
    left: 0;
    right: 0;
    color: #fff;
    -webkit-transition: opacity .2s cubic-bezier(.35, 0, .2, .91), bottom .2s cubic-bezier(.35, 0, .2, .91);
    transition: opacity .2s cubic-bezier(.35, 0, .2, .91), bottom .2s cubic-bezier(.35, 0, .2, .91);
    opacity: 0;
    background: rgba(0, 0, 0, .95)
}

@-webkit-keyframes flash {
    0% {
        background: #f7f7f7
    }

    50% {
        background: #fff
    }

    100% {
        background: #f7f7f7
    }
}

@keyframes flash {
    0% {
        background: #f7f7f7
    }

    50% {
        background: #fff
    }

    100% {
        background: #f7f7f7
    }
}

.detail-row li:nth-child(1) {
    width: 30%
}

.detail-row li:nth-child(2) {
    width: 20%
}

.detail-row li:nth-child(3) {
    width: 50%
}

.section-colours li:not(#selectedColour) {
    width: 22px;
    height: 22px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-right: 28px;
    display: inline-block;
    position: relative;
    cursor: pointer
}

@media (max-width:1024px) {
    .section-colours li:not(#selectedColour) {
        width: 15px;
        height: 15px;
        margin-right: 21px
    }
}

.section-colours li:not(#selectedColour):after {
    content: '';
    width: 28px;
    height: 28px;
    position: absolute;
    left: -4px;
    top: -4px;
    border: 1px solid #c1c1c1
}

@media (max-width:1024px) {
    .section-colours li:not(#selectedColour):after {
        width: 21px;
        height: 21px
    }
}

.section-colours li.is-active:not(#selectedColour):after {
    content: '';
    border: 1px solid #606060
}

@media (max-width:768px) {

    .points__navigation:not(.header__navigation--right) li:not(.header__logo),
    .points__navigation .navigation-icon.tag-icon .item-name {
        display: block
    }
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes animatePiston {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes animatePiston {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@-webkit-keyframes animateMotor {
    0% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px);
        opacity: 1
    }
}

@keyframes animateMotor {
    0% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px);
        opacity: 1
    }
}

.actions .btn-cnt .btn:nth-child(2n+2),
.actions .btn-cnt .btn-border:nth-child(2n+2),
.actions .btn-cnt .btn-simple:nth-child(2n+2) {
    margin-right: 0
}

.actions .btn-cnt .btn:not(:first-child),
.actions .btn-cnt .btn-border:not(:first-child),
.actions .btn-cnt .btn-simple:not(:first-child),
.actions .btn-cnt .btn:not(:first-child),
.actions .btn-cnt .btn-border:not(:first-child),
.actions .btn-cnt .btn-simple:not(:first-child) {
    margin-left: 20px
}

@media (max-width:520px) {

    .actions .btn-cnt .btn:not(: first-child),
    .actions .btn-cnt .btn-border:not(: first-child),
    .actions .btn-cnt .btn-simple:not(: first-child),
    .actions .btn-cnt .btn:not(: first-child),
    .actions .btn-cnt .btn-border:not(: first-child),
    .actions .btn-cnt .btn-simple:not(: first-child) {
        margin-left: 0
    }
}

.detail-item:nth-child(3),
.detail-item:nth-child(4) {
    margin-top: 40px
}

@media (max-width:768px) {

    .detail-item:nth-child(3),
    .detail-item:nth-child(4) {
        margin-top: 0
    }

    .detail-item:nth-child(2n+2) {
        margin-right: 0
    }
}

.compare-block__list:nth-child(2n+1) li:not(.list-label) {
    color: #606060
}

.detail-simpe-specs li:nth-child(1) {
    width: 40%
}

@media (max-width:1023px) {
    .detail-simpe-specs li:nth-child(1) {
        width: 60%
    }
}

@media (max-width:767px) {
    .detail-simpe-specs li:nth-child(1) {
        width: 100%
    }

    .detail-simpe-specs li:nth-child(1) span {
        font-size: 1em;
        line-height: 1em
    }

    .detail-simpe-specs li:nth-child(1) h3 {
        font-size: 1em;
        line-height: 1em
    }
}

.detail-simpe-specs li:nth-child(4) {
    min-width: 180px
}

.notification {
    position: fixed;
    top: -100px;
    left: 70px;
    width: 300px;
    background: rgba(0, 0, 0, .7);
    z-index: 99;
    padding: 10px 15px;
    color: #fff;
    -webkit-transition: .2s top cubic-bezier(.35, 0, .2, .91);
    transition: .2s top cubic-bezier(.35, 0, .2, .91);
    border: 1px solid #fff;
    font-weight: 600;
    -webkit-box-shadow: 0 0 60px -9px rgba(0, 0, 0, .42);
    box-shadow: 0 0 60px -9px rgba(0, 0, 0, .42)
}

@media (max-width:768px) {
    .notification {
        width: calc(100% - 40px);
        left: 0;
        right: 0;
        margin: auto
    }
}

.mailchimp-form {
    background: #000;
    -webkit-transition: .2s all cubic-bezier(.35, 0, .2, .91);
    transition: .2s all cubic-bezier(.35, 0, .2, .91);
    max-height: 0;
    overflow: hidden
}

.mailchimp-form .wrapper {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mailchimp-form .form-item {
    width: 300px;
    margin-right: 20px
}

.video-popup {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(0, 0, 0, .6);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    -webkit-transition: .2s all cubic-bezier(.35, 0, .2, .91);
    transition: .2s all cubic-bezier(.35, 0, .2, .91);
    visibility: hidden
}

.video-popup__content {
    width: 888px;
    height: 500px;
    background: #fff;
    position: relative
}

@media (max-width:900px) {
    .video-popup__content {
        width: calc(100% - 40px)
    }
}

.video-popup__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 10px;
    top: 10px
}

.video-popup__close .icon {
    width: 30px;
    height: 30px;
    fill: #fff
}

.actions--occasion .detail-item:nth-child(3) {
    margin-top: 0
}