/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

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

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

@font-face {
    font-family: SkodaNext;
    font-weight: 300;
    src: url(/brandportal/newsletter/build/fonts/9e46eb30-1040-499e-b13b-eea771855b7b.e9759529.eot);
    src: url(/brandportal/newsletter/build/fonts/9e46eb30-1040-499e-b13b-eea771855b7b.e9759529.eot) format("eot"), url(/brandportal/newsletter/build/fonts/4a7dd3e8-455e-424b-9092-5c8bca9247dd.8964bfb6.woff2) format("woff2"), url(/brandportal/newsletter/build/fonts/2c3c226a-f59b-48f0-a5d8-33b26b776768.809dfd99.woff) format("woff"), url(/brandportal/newsletter/build/fonts/e8b11f75-346a-4a90-b970-6cd6e8f89bca.b9168233.ttf) format("truetype"), url(/brandportal/newsletter/build/images/e7e60b1b-8663-41d6-9205-3dfd94b71cdb.4ff76ca7.svg) format("svg")
}

@font-face {
    font-family: SkodaNext;
    font-weight: 300;
    font-style: italic;
    src: url(/brandportal/newsletter/build/fonts/c021d083-e3e2-4064-8a66-069c1aaf2843.793349c6.eot);
    src: url(/brandportal/newsletter/build/fonts/c021d083-e3e2-4064-8a66-069c1aaf2843.793349c6.eot) format("eot"), url(/brandportal/newsletter/build/fonts/7ccddb99-7e70-4b01-9906-9f22507e862a.65cd603e.woff2) format("woff2"), url(/brandportal/newsletter/build/fonts/3d4b5326-5098-49c0-9874-c21c6502576a.3fa8e224.woff) format("woff"), url(/brandportal/newsletter/build/fonts/c6c09ed4-3d24-4216-9b89-291ff634f8bf.8722553e.ttf) format("truetype"), url(/brandportal/newsletter/build/images/c3a457b1-fcc8-41f1-a0c9-b398a5612355.14be0cdc.svg) format("svg")
}

@font-face {
    font-family: SkodaNext;
    font-weight: 500;
    src: url(/brandportal/newsletter/build/fonts/abda15ea-a7ab-48cb-846d-e8166fdfd0d4.9d780b03.eot);
    src: url(/brandportal/newsletter/build/fonts/abda15ea-a7ab-48cb-846d-e8166fdfd0d4.9d780b03.eot) format("eot"), url(/brandportal/newsletter/build/fonts/c55f349c-9ffe-414c-ab62-e9b974c93755.f2e30991.woff2) format("woff2"), url(/brandportal/newsletter/build/fonts/9a638134-3695-43d3-9dc3-6a6c89e43ee2.77c9802a.woff) format("woff"), url(/brandportal/newsletter/build/fonts/e32133dc-1f34-4d8f-9053-3b69822fc9e1.b33d79e5.ttf) format("truetype"), url(/brandportal/newsletter/build/images/a00bac7a-d6d3-4653-87f5-1046d732aa48.0f13d660.svg) format("svg")
}

@font-face {
    font-family: SkodaNext;
    font-weight: 600;
    src: url(/brandportal/newsletter/build/fonts/3366768a-f4e7-4b30-b14b-7c4900064a9c.70634848.eot);
    src: url(/brandportal/newsletter/build/fonts/3366768a-f4e7-4b30-b14b-7c4900064a9c.70634848.eot) format("eot"), url(/brandportal/newsletter/build/fonts/c1f6a1f8-b19a-4646-bafa-a1bcd90c3e5c.4a5f4936.woff2) format("woff2"), url(/brandportal/newsletter/build/fonts/692c875f-0051-4f30-a991-e19119992f14.92967875.woff) format("woff"), url(/brandportal/newsletter/build/fonts/5d2de3d7-4301-48c3-9be7-d8473a302779.1f1993f9.ttf) format("truetype"), url(/brandportal/newsletter/build/images/fa6bfd57-cdd0-4d07-abc8-d26af344e0a5.16a878ae.svg) format("svg")
}

@font-face {
    font-family: SkodaNext;
    font-weight: 700;
    src: url(/brandportal/newsletter/build/fonts/dbd68aed-5251-4c87-85ad-76d013d8bb36.046a61a2.eot);
    src: url(/brandportal/newsletter/build/fonts/dbd68aed-5251-4c87-85ad-76d013d8bb36.046a61a2.eot) format("eot"), url(/brandportal/newsletter/build/fonts/32fabf8c-a5fc-40f4-9c26-b960a59bdad1.5bb0fd1b.woff2) format("woff2"), url(/brandportal/newsletter/build/fonts/a05ee581-13d2-47c7-ab7d-e19a61029151.8d8773ee.woff) format("woff"), url(/brandportal/newsletter/build/fonts/78c3d930-eb8c-4f26-af59-6f0857b76a34.ccbc1e47.ttf) format("truetype"), url(/brandportal/newsletter/build/images/a402400d-437e-437f-b9db-8626e0fe7e4a.0d621d2d.svg) format("svg")
}

@font-face {
    font-family: SkodaNext;
    font-weight: 700;
    font-style: italic;
    src: url(/brandportal/newsletter/build/fonts/4f11720e-6d18-407f-bf98-018f501980b6.82280272.eot);
    src: url(/brandportal/newsletter/build/fonts/4f11720e-6d18-407f-bf98-018f501980b6.82280272.eot) format("eot"), url(/brandportal/newsletter/build/fonts/efc1ce24-755c-4564-b772-73e0de241e00.4009e2e5.woff2) format("woff2"), url(/brandportal/newsletter/build/fonts/52ce000e-bc55-45d3-8af5-a6136562b22d.e54210a0.woff) format("woff"), url(/brandportal/newsletter/build/fonts/27d52cf2-3426-46c4-8c4c-6ed4189a6e0b.75bf569d.ttf) format("truetype"), url(/brandportal/newsletter/build/images/10e8148b-ffcd-4681-ab1c-873387d95988.04c02777.svg) format("svg")
}

@font-face {
    font-family: SkodaNext;
    font-weight: 800;
    src: url(/brandportal/newsletter/build/fonts/576cd0a8-c7ca-43a4-bf53-e986b2be6d0b.fd2ae4b1.eot);
    src: url(/brandportal/newsletter/build/fonts/576cd0a8-c7ca-43a4-bf53-e986b2be6d0b.fd2ae4b1.eot) format("eot"), url(/brandportal/newsletter/build/fonts/d001a272-b746-4ae3-aeee-97672036b81b.b465b034.woff2) format("woff2"), url(/brandportal/newsletter/build/fonts/e168f715-a206-459b-aef2-03c78c8657b7.02e50b86.woff) format("woff"), url(/brandportal/newsletter/build/fonts/812b6208-0297-42ba-9939-9be049463df2.81af4c33.ttf) format("truetype"), url(/brandportal/newsletter/build/images/6f91bd37-78a8-4683-b8a5-d1bcb92fa109.dc202ea9.svg) format("svg")
}

@font-face {
    font-family: SkodaNext;
    font-weight: 800;
    font-style: italic;
    src: url(/brandportal/newsletter/build/fonts/2bfde79f-ec2d-44a4-b517-258f6957abae.2b95ad76.eot);
    src: url(/brandportal/newsletter/build/fonts/2bfde79f-ec2d-44a4-b517-258f6957abae.2b95ad76.eot) format("eot"), url(/brandportal/newsletter/build/fonts/a89271de-d101-4100-986d-a1bb5e3de6ed.5a272382.woff2) format("woff2"), url(/brandportal/newsletter/build/fonts/005bc53f-2762-4972-83f3-88419c357756.624f781d.woff) format("woff"), url(/brandportal/newsletter/build/fonts/06f88609-f241-4fe4-80cb-b36e4db6eec3.6e653868.ttf) format("truetype"), url(/brandportal/newsletter/build/images/bf4f7e2b-141e-450b-a12f-9345bdd46abd.357e8aab.svg) format("svg")
}

.pagerfanta nav {
    display: flex;
    justify-content: center;
    gap: 5px
}

.pagerfanta nav>a,
.pagerfanta nav>span {
    font-size: 14px;
    font-weight: 400;
    padding: 5px 15px;
    border: 1px solid;
    border-radius: 3px;
    text-decoration: none
}

.pagerfanta nav .dots {
    border-color: transparent
}

.pagerfanta nav .disabled {
    opacity: .5
}

.pagerfanta nav .current {
    font-weight: 700
}

.pagerfanta nav .current,
.pagerfanta nav>a:hover {
    background: #000;
    color: #fff
}

body {
    background-color: #fff;
    color: #000;
    font-family: SkodaNext, Verdana, sans-serif;
    font-weight: 500
}

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

a {
    color: inherit
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto
}

b,
strong {
    font-weight: 800
}

.is-hidden {
    display: none !important
}

.main-container {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 80px
}

.main-container,
.main-image {
    position: relative
}

@media (min-width: 768px) {
    .main-image {        
        margin-top: -5vw;
    }
}

.main-image {
    z-index: -1;
    margin-bottom: -2vw;
}


.main-image:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 0 10vw 100vw;
    position: absolute;
    bottom: 2vw;
    left: 0
}

@media (min-width:1200px) {
    .main-image:after {
        /* display: none */
    }
}

.form-login {
    padding: 20px;
    max-width: 400px;
    margin: 50px auto
}

.panel {
    max-width: 1100px;
    padding: 0 30px
}

.panel .form-label {
    color: inherit
}

.panel .button--primary {
    display: inline-block;
    background-color: #78faae;
    color: #0e3a2f;
    align-items: center
}

.panel .button--ghost,
.panel .button--primary {
    padding: 10px 20px;
    line-height: 1.1;
    text-decoration: none
}

.panel .button--ghost {
    color: #000;
    border: 1px solid #000
}

.form-search {
    margin: 10px 0;
    display: flex;
    justify-content: space-between
}

.form-search .button {
    margin-left: 10px
}

.admin-toolbar {
    display: flex;
    justify-content: space-between
}

.form-copy h1 {
    font-size: 24px;
    line-height: 1.1
}

.form-copy p {
    font-weight: 500;
    font-size: 16px
}

.form-decor {
    display: none !important;
    flex: 1 1 150px;
    max-width: 150px
}

@media (max-width:599px) {
    .form-decor {
        display: none
    }
}

@media (min-width:768px) {
    .form-decor {
        position: absolute
    }
}

@media (min-width:1200px) {
    .form-decor {
        position: static
    }
}

.form-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex: 1 1 500px;
    max-width: 500px;
    box-sizing: border-box;
    padding: 0 30px
}

@media (min-width:768px) {
    .form-container {
        margin: 0 auto
    }
}

@media (min-width:1200px) {
    .form-container {
        margin: 0;
        padding: 0
    }

    .form-container--unsubscribe {
        margin: 0 auto;
        max-width: 920px
    }
}

.form-row {
    flex: 1 1 100%;
    margin-bottom: 10px
}

.form-row--inline {
    flex: 1 1 48%
}

.form-row--inline+.form-row--inline {
    margin-left: 4%
}

.form-row--buttons {
    margin-top: 20px;
    display: flex;
    justify-content: space-between
}

.form-row--buttons .button {
    flex: 1 1 48%
}

.form-row--buttons .button+.button {
    margin-left: 4%
}

.form-bg {
    display: flex;
    justify-content: center
}

@media (min-width:1200px) {
    .form-bg {
        padding: 40px 0
    }
}

.form-label {
    font-weight: 800;
    display: block;
    margin-bottom: 5px;
    font-size: 14px
}

.form-input {
    outline: 0;
    padding: 5px 10px;
    border: 0;
    border-bottom: 1px solid #000;
    width: 100%;
    height: 37px;
    color: #000;
    background-color: transparent;
    font-size: 14px;
    font-weight: 300
}

.form-input--unsubscribe {
    color: #000;
    border: 1px solid #ccc;
    border-radius: 4px
}

textarea.form-input {
    height: auto
}

.form-error {
    color: red;
    font-size: 11px;
    padding: 5px 0
}

.label-like {
    color: #fff;
    font-size: 11px;
    padding-left: 35px
}

.form-checkbox {
    min-height: 27px
}

.form-checkbox label {
    position: relative;
    display: inline-block;
    padding-top: 2px;
    padding-left: 35px;
    font-size: 11px
}

.form-checkbox label:before {
    top: 2px;
    left: 0;
    width: 12px;
    height: 12px;
    border: 1px solid #000;
    content: "";
    display: block;
    position: absolute
}

.form-checkbox label a {
    text-decoration: underline;
    font-size: 11px
}

.form-checkbox input[type=checkbox] {
    opacity: .01;
    position: absolute
}

.form-checkbox input[type=checkbox]:checked+label:before {
    background-color: #0e3a2f;
    box-shadow: inset 0 0 0 1px #fff
}

.button {
    display: inline-block;
    padding: 11px 24px;
    border: none;
    border-radius: 46px;
    height: 42px;
    line-height: 1.4;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    position: relative;
    cursor: pointer;
    text-decoration: none
}

.button,
.button--primary {
    background-color: #78faae;
    color: #0e3a2f
}

.button--ghost {
    background-color: #464748;
    color: #fff
}

.form-info-container {
    display: flex;
    flex: 1 1 100%;
    box-sizing: border-box;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    min-height: 335px;
    margin: 0 auto;
    justify-content: center
}

@media (min-width:1200px) {
    .form-info-container {
        justify-content: flex-end
    }
}

.form-info {
    flex: 1 1 500px;
    max-width: 500px;
    padding: 0 30px
}

.more-info {
    font-size: 12px;
    line-height: 1.6;
    font-weight: 300
}

.more-info__list {
    list-style: none;
    padding-left: 10px
}

.more-info-link {
    font-weight: 800;
    font-size: 14px;
    margin: 0 0 20px;
    display: inline-block
}

.more-info b {
    font-weight: 800
}

.form-outer-container {
    width: 100%;
    background-color: #fff;
    padding: 20px 0;
}

@media (min-width:1200px) {
    .form-outer-container {
        /* width: 600px; */
        /* position: absolute; */
        position: relative;
        top: 0;
        left: 0;
        z-index: 10
    }

    .form-outer-container:after {
        /* content: ""; */
        display: block;
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 100vw 0 0 20vw;
        position: absolute;
        top: 0;
        left: 600px
    }

    .form-outer-container--message {
        top: 50%;
        left: 80px;
        transform: translateY(-50%)
    }

    .form-outer-container--message:after {
        display: none
    }
}

@media (max-width:768px) {
    .background-image {
        display: none
    }
}

.background-image-mobile {
    display: block;
    width: 100%;
    height: auto
}

@media (min-width:768px) {
    .background-image-mobile {
        display: none
    }

    .background-image {
        display: block;
        width: 100%;
        height: auto
    }
}

.table {
    max-width: 1100px;
    width: 100%;
    margin: 20px auto 40px;
    border-collapse: collapse
}

.table th {
    border: 1px solid #000;
    font-size: 16px
}

.table td,
.table th {
    padding: 10px;
    text-align: left
}

.table td {
    color: #999;
    font-size: 14px;
    border-bottom: 1px solid #999
}

.skoda-text {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.8
}

.skoda-form-holder {
    max-width: 560px;
    margin: 0 auto
}

.main-container-inner {
    padding: 20px;
    max-width: 920px;
    margin: auto;
    position: relative
}

.skoda-top-img {
    margin: 0 auto
}

.skoda-header-holder {
    text-align: center;
    margin-bottom: 30px
}

.skoda-header-1 {
    font-size: 21px;
    line-height: 1.25;
    font-weight: 900;
    margin-bottom: 10px
}

@media screen and (min-width:920px) {
    .skoda-header-1 {
        font-size: 30px
    }
}

.skoda-show-more .item-show-more-btn {
    display: inline-block;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer
}

.help-text {
    font-size: 12px;
    color: #666
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

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

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

@font-face {
    font-family: SkodaNext;
    font-weight: 300;
    src: url(/brandportal/newsletter/build/fonts/9e46eb30-1040-499e-b13b-eea771855b7b.e9759529.eot);
    src: url(/brandportal/newsletter/build/fonts/9e46eb30-1040-499e-b13b-eea771855b7b.e9759529.eot) format("eot"), url(/brandportal/newsletter/build/fonts/4a7dd3e8-455e-424b-9092-5c8bca9247dd.8964bfb6.woff2) format("woff2"), url(/brandportal/newsletter/build/fonts/2c3c226a-f59b-48f0-a5d8-33b26b776768.809dfd99.woff) format("woff"), url(/brandportal/newsletter/build/fonts/e8b11f75-346a-4a90-b970-6cd6e8f89bca.b9168233.ttf) format("truetype"), url(/brandportal/newsletter/build/images/e7e60b1b-8663-41d6-9205-3dfd94b71cdb.4ff76ca7.svg) format("svg")
}

@font-face {
    font-family: SkodaNext;
    font-weight: 300;
    font-style: italic;
    src: url(/brandportal/newsletter/build/fonts/c021d083-e3e2-4064-8a66-069c1aaf2843.793349c6.eot);
    src: url(/brandportal/newsletter/build/fonts/c021d083-e3e2-4064-8a66-069c1aaf2843.793349c6.eot) format("eot"), url(/brandportal/newsletter/build/fonts/7ccddb99-7e70-4b01-9906-9f22507e862a.65cd603e.woff2) format("woff2"), url(/brandportal/newsletter/build/fonts/3d4b5326-5098-49c0-9874-c21c6502576a.3fa8e224.woff) format("woff"), url(/brandportal/newsletter/build/fonts/c6c09ed4-3d24-4216-9b89-291ff634f8bf.8722553e.ttf) format("truetype"), url(/brandportal/newsletter/build/images/c3a457b1-fcc8-41f1-a0c9-b398a5612355.14be0cdc.svg) format("svg")
}

@font-face {
    font-family: SkodaNext;
    font-weight: 500;
    src: url(/brandportal/newsletter/build/fonts/abda15ea-a7ab-48cb-846d-e8166fdfd0d4.9d780b03.eot);
    src: url(/brandportal/newsletter/build/fonts/abda15ea-a7ab-48cb-846d-e8166fdfd0d4.9d780b03.eot) format("eot"), url(/brandportal/newsletter/build/fonts/c55f349c-9ffe-414c-ab62-e9b974c93755.f2e30991.woff2) format("woff2"), url(/brandportal/newsletter/build/fonts/9a638134-3695-43d3-9dc3-6a6c89e43ee2.77c9802a.woff) format("woff"), url(/brandportal/newsletter/build/fonts/e32133dc-1f34-4d8f-9053-3b69822fc9e1.b33d79e5.ttf) format("truetype"), url(/brandportal/newsletter/build/images/a00bac7a-d6d3-4653-87f5-1046d732aa48.0f13d660.svg) format("svg")
}

@font-face {
    font-family: SkodaNext;
    font-weight: 600;
    src: url(/brandportal/newsletter/build/fonts/3366768a-f4e7-4b30-b14b-7c4900064a9c.70634848.eot);
    src: url(/brandportal/newsletter/build/fonts/3366768a-f4e7-4b30-b14b-7c4900064a9c.70634848.eot) format("eot"), url(/brandportal/newsletter/build/fonts/c1f6a1f8-b19a-4646-bafa-a1bcd90c3e5c.4a5f4936.woff2) format("woff2"), url(/brandportal/newsletter/build/fonts/692c875f-0051-4f30-a991-e19119992f14.92967875.woff) format("woff"), url(/brandportal/newsletter/build/fonts/5d2de3d7-4301-48c3-9be7-d8473a302779.1f1993f9.ttf) format("truetype"), url(/brandportal/newsletter/build/images/fa6bfd57-cdd0-4d07-abc8-d26af344e0a5.16a878ae.svg) format("svg")
}

@font-face {
    font-family: SkodaNext;
    font-weight: 700;
    src: url(/brandportal/newsletter/build/fonts/dbd68aed-5251-4c87-85ad-76d013d8bb36.046a61a2.eot);
    src: url(/brandportal/newsletter/build/fonts/dbd68aed-5251-4c87-85ad-76d013d8bb36.046a61a2.eot) format("eot"), url(/brandportal/newsletter/build/fonts/32fabf8c-a5fc-40f4-9c26-b960a59bdad1.5bb0fd1b.woff2) format("woff2"), url(/brandportal/newsletter/build/fonts/a05ee581-13d2-47c7-ab7d-e19a61029151.8d8773ee.woff) format("woff"), url(/brandportal/newsletter/build/fonts/78c3d930-eb8c-4f26-af59-6f0857b76a34.ccbc1e47.ttf) format("truetype"), url(/brandportal/newsletter/build/images/a402400d-437e-437f-b9db-8626e0fe7e4a.0d621d2d.svg) format("svg")
}

@font-face {
    font-family: SkodaNext;
    font-weight: 700;
    font-style: italic;
    src: url(/brandportal/newsletter/build/fonts/4f11720e-6d18-407f-bf98-018f501980b6.82280272.eot);
    src: url(/brandportal/newsletter/build/fonts/4f11720e-6d18-407f-bf98-018f501980b6.82280272.eot) format("eot"), url(/brandportal/newsletter/build/fonts/efc1ce24-755c-4564-b772-73e0de241e00.4009e2e5.woff2) format("woff2"), url(/brandportal/newsletter/build/fonts/52ce000e-bc55-45d3-8af5-a6136562b22d.e54210a0.woff) format("woff"), url(/brandportal/newsletter/build/fonts/27d52cf2-3426-46c4-8c4c-6ed4189a6e0b.75bf569d.ttf) format("truetype"), url(/brandportal/newsletter/build/images/10e8148b-ffcd-4681-ab1c-873387d95988.04c02777.svg) format("svg")
}

@font-face {
    font-family: SkodaNext;
    font-weight: 800;
    src: url(/brandportal/newsletter/build/fonts/576cd0a8-c7ca-43a4-bf53-e986b2be6d0b.fd2ae4b1.eot);
    src: url(/brandportal/newsletter/build/fonts/576cd0a8-c7ca-43a4-bf53-e986b2be6d0b.fd2ae4b1.eot) format("eot"), url(/brandportal/newsletter/build/fonts/d001a272-b746-4ae3-aeee-97672036b81b.b465b034.woff2) format("woff2"), url(/brandportal/newsletter/build/fonts/e168f715-a206-459b-aef2-03c78c8657b7.02e50b86.woff) format("woff"), url(/brandportal/newsletter/build/fonts/812b6208-0297-42ba-9939-9be049463df2.81af4c33.ttf) format("truetype"), url(/brandportal/newsletter/build/images/6f91bd37-78a8-4683-b8a5-d1bcb92fa109.dc202ea9.svg) format("svg")
}

@font-face {
    font-family: SkodaNext;
    font-weight: 800;
    font-style: italic;
    src: url(/brandportal/newsletter/build/fonts/2bfde79f-ec2d-44a4-b517-258f6957abae.2b95ad76.eot);
    src: url(/brandportal/newsletter/build/fonts/2bfde79f-ec2d-44a4-b517-258f6957abae.2b95ad76.eot) format("eot"), url(/brandportal/newsletter/build/fonts/a89271de-d101-4100-986d-a1bb5e3de6ed.5a272382.woff2) format("woff2"), url(/brandportal/newsletter/build/fonts/005bc53f-2762-4972-83f3-88419c357756.624f781d.woff) format("woff"), url(/brandportal/newsletter/build/fonts/06f88609-f241-4fe4-80cb-b36e4db6eec3.6e653868.ttf) format("truetype"), url(/brandportal/newsletter/build/images/bf4f7e2b-141e-450b-a12f-9345bdd46abd.357e8aab.svg) format("svg")
}

.pagerfanta nav {
    display: flex;
    justify-content: center;
    gap: 5px
}

.pagerfanta nav>a,
.pagerfanta nav>span {
    font-size: 14px;
    font-weight: 400;
    padding: 5px 15px;
    border: 1px solid;
    border-radius: 3px;
    text-decoration: none
}

.pagerfanta nav .dots {
    border-color: transparent
}

.pagerfanta nav .disabled {
    opacity: .5
}

.pagerfanta nav .current {
    font-weight: 700
}

.pagerfanta nav .current,
.pagerfanta nav>a:hover {
    background: #000;
    color: #fff
}

body {
    background-color: #fff;
    color: #000;
    font-family: SkodaNext, Verdana, sans-serif;
    font-weight: 500
}

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

a {
    color: inherit
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto
}

b,
strong {
    font-weight: 800
}

.is-hidden {
    display: none !important
}

.main-container {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 80px
}

.main-container,
.main-image {
    position: relative
}

@media (min-width: 768px) {
    .main-image {        
        margin-top: -5vw;
    }
}

.main-image {
    z-index: -1;
    margin-bottom: -2vw;
}


.main-image:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 0 10vw 100vw;
    position: absolute;
    bottom: 2vw;
    left: 0
}

@media (min-width:1200px) {
    .main-image:after {
        /* display: none */
    }
}

.form-login {
    padding: 20px;
    max-width: 400px;
    margin: 50px auto
}

.panel {
    max-width: 1100px;
    padding: 0 30px
}

.panel .form-label {
    color: inherit
}

.panel .button--primary {
    display: inline-block;
    background-color: #78faae;
    color: #0e3a2f;
    align-items: center
}

.panel .button--ghost,
.panel .button--primary {
    padding: 10px 20px;
    line-height: 1.1;
    text-decoration: none
}

.panel .button--ghost {
    color: #000;
    border: 1px solid #000
}

.form-search {
    margin: 10px 0;
    display: flex;
    justify-content: space-between
}

.form-search .button {
    margin-left: 10px
}

.admin-toolbar {
    display: flex;
    justify-content: space-between
}

.form-copy h1 {
    font-size: 24px;
    line-height: 1.1
}

.form-copy p {
    font-weight: 500;
    font-size: 16px
}

.form-decor {
    display: none !important;
    flex: 1 1 150px;
    max-width: 150px
}

@media (max-width:599px) {
    .form-decor {
        display: none
    }
}

@media (min-width:768px) {
    .form-decor {
        position: absolute
    }
}

@media (min-width:1200px) {
    .form-decor {
        position: static
    }
}

.form-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex: 1 1 500px;
    max-width: 500px;
    box-sizing: border-box;
    padding: 0 30px
}

@media (min-width:768px) {
    .form-container {
        margin: 0 auto
    }
}

@media (min-width:1200px) {
    .form-container {
        margin: 0;
        padding: 0
    }

    .form-container--unsubscribe {
        margin: 0 auto;
        max-width: 920px
    }
}

.form-row {
    flex: 1 1 100%;
    margin-bottom: 10px
}

.form-row--inline {
    flex: 1 1 48%
}

.form-row--inline+.form-row--inline {
    margin-left: 4%
}

.form-row--buttons {
    margin-top: 20px;
    display: flex;
    justify-content: space-between
}

.form-row--buttons .button {
    flex: 1 1 48%
}

.form-row--buttons .button+.button {
    margin-left: 4%
}

.form-bg {
    display: flex;
    justify-content: center
}

@media (min-width:1200px) {
    .form-bg {
        padding: 40px 0
    }
}

.form-label {
    font-weight: 800;
    display: block;
    margin-bottom: 5px;
    font-size: 14px
}

.form-input {
    outline: 0;
    padding: 5px 10px;
    border: 0;
    border-bottom: 1px solid #000;
    width: 100%;
    height: 37px;
    color: #000;
    background-color: transparent;
    font-size: 14px;
    font-weight: 300
}

.form-input--unsubscribe {
    color: #000;
    border: 1px solid #ccc;
    border-radius: 4px
}

textarea.form-input {
    height: auto
}

.form-error {
    color: red;
    font-size: 11px;
    padding: 5px 0
}

.label-like {
    color: #fff;
    font-size: 11px;
    padding-left: 35px
}

.form-checkbox {
    min-height: 27px
}

.form-checkbox label {
    position: relative;
    display: inline-block;
    padding-top: 2px;
    padding-left: 35px;
    font-size: 11px
}

.form-checkbox label:before {
    top: 2px;
    left: 0;
    width: 12px;
    height: 12px;
    border: 1px solid #000;
    content: "";
    display: block;
    position: absolute
}

.form-checkbox label a {
    text-decoration: underline;
    font-size: 11px
}

.form-checkbox input[type=checkbox] {
    opacity: .01;
    position: absolute
}

.form-checkbox input[type=checkbox]:checked+label:before {
    background-color: #0e3a2f;
    box-shadow: inset 0 0 0 1px #fff
}

.button {
    display: inline-block;
    padding: 11px 24px;
    border: none;
    border-radius: 46px;
    height: 42px;
    line-height: 1.4;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    position: relative;
    cursor: pointer;
    text-decoration: none
}

.button,
.button--primary {
    background-color: #78faae;
    color: #0e3a2f
}

.button--ghost {
    background-color: #464748;
    color: #fff
}

.form-info-container {
    display: flex;
    flex: 1 1 100%;
    box-sizing: border-box;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    min-height: 335px;
    margin: 0 auto;
    justify-content: center
}

@media (min-width:1200px) {
    .form-info-container {
        justify-content: flex-end
    }
}

.form-info {
    flex: 1 1 500px;
    max-width: 500px;
    padding: 0 30px
}

.more-info {
    font-size: 12px;
    line-height: 1.6;
    font-weight: 300
}

.more-info__list {
    list-style: none;
    padding-left: 10px
}

.more-info-link {
    font-weight: 800;
    font-size: 14px;
    margin: 0 0 20px;
    display: inline-block
}

.more-info b {
    font-weight: 800
}

.form-outer-container {
    width: 100%;
    background-color: #fff;
    padding: 20px 0;
}

@media (min-width:1200px) {
    .form-outer-container {
        /* width: 600px; */
        /* position: absolute; */
        position: relative;
        top: 0;
        left: 0;
        z-index: 10
    }

    .form-outer-container:after {
        /* content: ""; */
        display: block;
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #fff;
        border-style: solid;
        border-width: 100vw 0 0 20vw;
        position: absolute;
        top: 0;
        left: 600px
    }

    .form-outer-container--message {
        top: 50%;
        left: 80px;
        transform: translateY(-50%)
    }

    .form-outer-container--message:after {
        display: none
    }
}

@media (max-width:768px) {
    .background-image {
        display: none
    }
}

.background-image-mobile {
    display: block;
    width: 100%;
    height: auto
}

@media (min-width:768px) {
    .background-image-mobile {
        display: none
    }

    .background-image {
        display: block;
        width: 100%;
        height: auto
    }
}

.table {
    max-width: 1100px;
    width: 100%;
    margin: 20px auto 40px;
    border-collapse: collapse
}

.table th {
    border: 1px solid #000;
    font-size: 16px
}

.table td,
.table th {
    padding: 10px;
    text-align: left
}

.table td {
    color: #999;
    font-size: 14px;
    border-bottom: 1px solid #999
}

.skoda-text {
    font-weight: 300;
    font-size: 14px;
    line-height: 1.8
}

.skoda-form-holder {
    max-width: 560px;
    margin: 0 auto
}

.main-container-inner {
    padding: 20px;
    max-width: 920px;
    margin: auto;
    position: relative
}

.skoda-top-img {
    margin: 0 auto
}

.skoda-header-holder {
    text-align: center;
    margin-bottom: 30px
}

.skoda-header-1 {
    font-size: 21px;
    line-height: 1.25;
    font-weight: 900;
    margin-bottom: 10px
}

@media screen and (min-width:920px) {
    .skoda-header-1 {
        font-size: 30px
    }
}

.skoda-show-more .item-show-more-btn {
    display: inline-block;
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer
}

.help-text {
    font-size: 12px;
    color: #666
}

.header {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
    left: 0;
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 999;
}

.header .top-row {
    background-color: #fff;
    height: 70px;
    padding: 0 5%;
    position: relative;
}

.header .bottom-row {
    background-color: #0e3a2f;
    color: #78faae;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 150%;
    padding: 9px 5%;
}

.header .top-row .logo-wrapper {
    background: url('/brandportal/newsletter/images/SkodaLogo2023.svg') 50% no-repeat;
    background-size: contain;
    display: block;
    height: 38px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 180px;
}

.header .bottom-row a {
    color: inherit;
}

#subscribe_extraCheckbox1,
#subscribe_extraCheckbox2 {
    pointer-events: none;
}

.row-layout-template .form-outer-container {
    overflow: hidden;
    background: unset;
    padding: 0;
}

.row-layout-template .form-bg {
    justify-content: flex-start;
    padding: 0;
}

.row-layout-template .form-bg form {
    position: relative;
    background-color: white;
    padding: 40px;
}

.row-layout-template .main-image {
    position: absolute;
    top: 0;
}

.row-layout-template .main-image:after {
    display: none;
}

.row-layout-template .form-triangle-decor {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0 10vw 100vw 0;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateX(100%);
}

@media (max-width: 1200px) {
    .row-layout-template .form-triangle-decor {        
        top: 0;
        border-width: 0 0 10vw 150vw;
        transform: translate(-50%, -100%);
        left: 50%;
    }

    .row-layout-template .form-bg form {
        margin: 42vw auto 0
    }
}