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

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

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

[hidden] {
    display: none
}

body {
    line-height: 1
}

b,
strong {
    font-weight: 700
}

em,
i {
    font-style: italic
}

u {
    text-decoration: underline
}

ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

@font-face {
    font-family: FontAwesome;
    src: url("../fonts/fontawesome4_7_0/fontawesome-webfont.eot?v=4.7.0");
    src: url("../fonts/fontawesome4_7_0/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome4_7_0/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome4_7_0/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome4_7_0/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome4_7_0/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-2x {
    font-size: 2em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa-align-center:before {
    content: "\F037"
}

.fa-align-justify:before {
    content: "\F039"
}

.fa-align-left:before {
    content: "\F036"
}

.fa-align-right:before {
    content: "\F038"
}

.fa-angle-down:before {
    content: "\F107"
}

.fa-angle-right:before {
    content: "\F105"
}

.fa-arrow-down:before {
    content: "\F063"
}

.fa-arrow-right:before {
    content: "\F061"
}

.fa-arrow-up:before {
    content: "\F062"
}

.fa-bold:before {
    content: "\F032"
}

.fa-calendar:before {
    content: "\F073"
}

.fa-chain:before,
.fa-link:before {
    content: "\F0C1"
}

.fa-check:before {
    content: "\F00C"
}

.fa-circle:before {
    content: "\F111"
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\F044"
}

.fa-envelope-o:before {
    content: "\F003"
}

.fa-external-link-square:before {
    content: "\F14C"
}

.fa-eye:before {
    content: "\F06E"
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "\F09A"
}

.fa-file-excel-o:before {
    content: "\F1C3"
}

.fa-cog:before,
.fa-gear:before {
    content: "\F013"
}

.fa-info:before {
    content: "\F129"
}

.fa-info-circle:before {
    content: "\F05A"
}

.fa-italic:before {
    content: "\F033"
}

.fa-linkedin:before {
    content: "\F0E1"
}

.fa-map-marker:before {
    content: "\F041"
}

.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
    content: "\F0C9"
}

.fa-pencil:before {
    content: "\F040"
}

.fa-phone:before {
    content: "\F095"
}

.fa-plus:before {
    content: "\F067"
}

.fa-plus-circle:before {
    content: "\F055"
}

.fa-power-off:before {
    content: "\F011"
}

.fa-question-circle:before {
    content: "\F059"
}

.fa-close:before,
.fa-remove:before,
.fa-times:before {
    content: "\F00D"
}

.fa-search:before {
    content: "\F002"
}

.fa-search-minus:before {
    content: "\F010"
}

.fa-search-plus:before {
    content: "\F00E"
}

.fa-star-o:before {
    content: "\F006"
}

.fa-trash:before {
    content: "\F1F8"
}

.fa-twitter:before {
    content: "\F099"
}

.fa-underline:before {
    content: "\F0CD"
}

.fa-volume-off:before {
    content: "\F026"
}

.fa-exclamation-triangle:before,
.fa-warning:before {
    content: "\F071"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 400;
    src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2) format("woff2");
    unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url(https://fonts.gstatic.com/s/sourcesanspro/v11/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2) format("woff2");
    unicode-range: u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

body {
    background: #fff;
    font-size: .625rem
}

a {
    color: #585858
}

/*hr {
    border: 0;
    height: 1px;
    background: #e1e1e1;
    margin: 2.5rem 0
}
*/
a,
div,
label,
legend,
li,
p,
span,
td,
th {
    font-size: .9375rem;
    line-height: 1.25rem
}

a,
div,
input,
label,
legend,
li,
p,
select,
span,
td,
textarea,
th {
    font-family: Source Sans Pro, sans-serif;
    font-weight: 400;
    color: #585858
}

input,
select,
textarea {
    font-size: 1.0625rem;
    line-height: 1.4375rem
}

h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h5,
h6 {
    font-family: Open Sans, sans-serif;
    font-weight: 600;
    color: #585858
}

h1,
h1 a,
h1 span {
    font-family: Open Sans, sans-serif;
    font-weight: 600;
    color: #585858;
    font-size: 3rem;
    line-height: 3.875rem;
    color: #000
}

@media only screen and (max-width:37.5rem) {
    h1,
    h1 a,
    h1 span {
        font-size: 1.5rem;
        line-height: 1.9375rem
    }
}

h2,
h2 a {
    font-size: 1.5rem;
    line-height: 1.9375rem
}

h3,
h3 a {
    font-size: 1.125rem;
    line-height: 1.4375rem
}

h1 a,
h2 a,
h3 a {
    text-decoration: none
}

form .sub-title {
    margin: 1.25rem 0;
    font-family: Source Sans Pro, sans-serif;
    font-weight: 400;
    color: #585858;
    font-size: 1.4375rem;
    line-height: 1.9375rem
}

form label.block {
    display: block
}

form label.block.hidden {
    display: none
}

.clear {
    clear: both
}

.hidden {
    display: none
}

.red {
    color: #c00000
}

.text-light {
    color: #a4a4a4
}

body.no-scroll {
    overflow: hidden
}

.no-wrap {
    white-space: nowrap
}

@media only screen and (min-width:60.0625rem) {
    .mobile_only {
        display: none
    }
}

@media only screen and (max-width:37.5rem) {
    .hide-for-small {
        display: none
    }
}

.chat-fc-form-outer p.header {
    margin: 0;
    background-color: #6d437d!important
}

.chat-fc-form-outer div.form ul li {
    margin-bottom: 1.5625rem!important
}

.chat-fc-form-outer div.form a.fc-button {
    background-color: #6d437d!important;
    color: #fff!important
}

.chat-fc-form-outer div.form ul li label span,
.pre-fc-error {
    color: #c00000!important
}

.chat-fc-form-outer div.form form.submitted ul li input:invalid {
    border-color: #c00000!important
}

.freshchat-text {
    position: fixed;
    right: 5.9375rem;
    bottom: 1.625rem;
    text-shadow: 1px 1px rgba(0, 0, 0, .5)
}

.chat-trigger {
    cursor: pointer
}

body.has-fixed-footer #fc_frame {
    bottom: 7.1875rem
}

body.has-fixed-footer .freshchat-text {
    bottom: 7.875rem
}

@media only screen and (max-width:60rem) {
    #fc_frame {
        visibility: hidden
    }
}

@media only screen and (max-width:1800px) {
    .freshchat-text {
        display: none!important
    }
}

.wrapper,
.wrapper-content {
    margin: 0 auto;
    padding: 0 1.875rem;
    width: 100%;
    max-width: 90rem
}

.wrapper-content {
    padding: 0 4.375rem
}

@media only screen and (max-width:37.5rem) {
    .wrapper-content {
        padding: 0 1.875rem
    }
}

@media only screen and (max-width:30rem) {
    .wrapper-content {
        padding: 0 .9375rem
    }
}

.page {
    padding-top: 5.0625rem
}

.page main {
    padding: 8.6875rem 0 6rem
}

@media only screen and (max-width:60rem) {
    .page main {
        padding-top: 5rem
    }
}

@media only screen and (max-width:37.5rem) {
    .page main {
        padding-top: 2.5rem
    }
}

@media only screen and (max-width:30rem) {
    .page main {
        padding-top: 1.5625rem
    }
}

@media only screen and (max-width:75rem) {
    .page {
        padding-top: 5.6875rem
    }
}

@media only screen and (max-width:60rem) {
    .page {
        padding-top: 3.8125rem
    }
}

.page--cms-content h1 {
    margin-bottom: 1.8125rem
}

@media only screen and (max-width:37.5rem) {
    .page--cms-content h1 {
        margin-bottom: 1.25rem
    }
}

.page--cms-content h2 {
    font-family: Source Sans Pro, sans-serif;
    font-weight: 400;
    color: #585858;
    font-size: .9375rem;
    line-height: 1.25rem
}

.page--cms-content h2+h1 {
    margin-top: .1875rem
}

.page--cms-content p,
.page--cms-content td {
    font-size: 1.0625rem;
    line-height: 1.4375rem
}

h2.steps-title {
    font-family: Source Sans Pro, sans-serif;
    font-weight: 400;
    color: #585858;
    font-size: .9375rem;
    line-height: 1.25rem
}

.page--disturbance-free main {
    padding: 3.1875rem 0 .625rem
}

.page--disturbance-free main h1 {
    font-size: 1.5rem;
    line-height: 1.9375rem
}

.page--fixed-footer-buttons {
    padding-bottom: 9.375rem
}

.page--with-aside .wrapper,
.page--with-aside .wrapper-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:60rem) {
    .page--with-aside .wrapper,
    .page--with-aside .wrapper-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.page--with-aside aside {
    padding-right: 2.5rem;
    width: 25.1875rem
}

.page--with-aside aside .sticky-content {
    position: -webkit-sticky;
    position: sticky;
    top: 5.0625rem;
    width: 22.6875rem
}

@media only screen and (max-width:60rem) {
    .page--with-aside aside {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }
}

.page--with-aside main {
    width: calc(100% - 443px)
}

@media only screen and (max-width:60rem) {
    .page--with-aside main {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }
}

.page--with-aside--aside-right main {
    width: calc(100% - 320px)
}

@media only screen and (max-width:60rem) {
    .page--with-aside--aside-right main {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }
}

.page--with-aside--aside-right aside {
    padding-right: 0;
    width: 20rem
}

.page--with-aside--aside-right aside .sticky-content {
    width: 20rem
}

@media only screen and (max-width:60rem) {
    .page--with-aside--aside-right aside {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }
}

.cms-content {
    font-size: 1.0625rem;
    line-height: 1.4375rem
}

.cms-content h1,
.cms-content h2,
.cms-content h3,
.cms-content h4,
.cms-content h5,
.cms-content h6 {
    font-family: Source Sans Pro, sans-serif;
    font-weight: 400;
    color: #585858;
    font-size: 1.0625rem;
    line-height: 1.4375rem;
    font-weight: 700
}

.cms-content p {
    margin-bottom: 1em
}

.cms-content p:last-of-type {
    margin-bottom: 0
}

.cms-content a,
.cms-content div,
.cms-content li,
.cms-content p,
.cms-content td {
    font-size: 1.0625rem;
    line-height: 1.4375rem
}

.styled-checkbox,
.styled-radio {
    position: relative;
    display: inline-block;
    -webkit-transition: all .2s;
    transition: all .2s
}

.styled-checkbox input[type=checkbox],
.styled-checkbox input[type=radio],
.styled-radio input[type=checkbox],
.styled-radio input[type=radio] {
    position: absolute;
    top: 20px;
    left: 20px;
    opacity: 0;
    margin: 0;
    padding: 0
}

.styled-checkbox [type=checkbox]:checked+label,
.styled-checkbox [type=checkbox]:not(:checked)+label,
.styled-checkbox [type=radio]:checked+label,
.styled-checkbox [type=radio]:not(:checked)+label,
.styled-radio [type=checkbox]:checked+label,
.styled-radio [type=checkbox]:not(:checked)+label,
.styled-radio [type=radio]:checked+label,
.styled-radio [type=radio]:not(:checked)+label {
    margin-left: 1.875rem;
    font-size: 1.0625rem;
    line-height: 1.4375rem;
    -webkit-transition: all .2s;
    transition: all .2s
}

.styled-checkbox [type=checkbox]:checked+label:before,
.styled-checkbox [type=checkbox]:not(:checked)+label:before,
.styled-checkbox [type=radio]:checked+label:before,
.styled-checkbox [type=radio]:not(:checked)+label:before,
.styled-radio [type=checkbox]:checked+label:before,
.styled-radio [type=checkbox]:not(:checked)+label:before,
.styled-radio [type=radio]:checked+label:before,
.styled-radio [type=radio]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: .0625rem;
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid #e1e1e1;
    border-radius: .25rem;
    background: #fff
}

.styled-checkbox [type=checkbox]:checked+label:after,
.styled-checkbox [type=checkbox]:not(:checked)+label:after,
.styled-checkbox [type=radio]:checked+label:after,
.styled-checkbox [type=radio]:not(:checked)+label:after,
.styled-radio [type=checkbox]:checked+label:after,
.styled-radio [type=checkbox]:not(:checked)+label:after,
.styled-radio [type=radio]:checked+label:after,
.styled-radio [type=radio]:not(:checked)+label:after {
    content: "";
    position: absolute;
    left: .3125rem;
    top: .375rem;
    width: .625rem;
    height: .625rem;
    background-color: #6d437d;
    -webkit-transition: all .2s;
    transition: all .2s
}

.styled-checkbox [type=checkbox]:checked+label:after,
.styled-checkbox [type=checkbox]:checked+label:before,
.styled-checkbox [type=checkbox]:not(:checked)+label:after,
.styled-checkbox [type=checkbox]:not(:checked)+label:before,
.styled-checkbox [type=radio]:checked+label:after,
.styled-checkbox [type=radio]:checked+label:before,
.styled-checkbox [type=radio]:not(:checked)+label:after,
.styled-checkbox [type=radio]:not(:checked)+label:before,
.styled-radio [type=checkbox]:checked+label:after,
.styled-radio [type=checkbox]:checked+label:before,
.styled-radio [type=checkbox]:not(:checked)+label:after,
.styled-radio [type=checkbox]:not(:checked)+label:before,
.styled-radio [type=radio]:checked+label:after,
.styled-radio [type=radio]:checked+label:before,
.styled-radio [type=radio]:not(:checked)+label:after,
.styled-radio [type=radio]:not(:checked)+label:before {
    -webkit-transition: all .2s;
    transition: all .2s
}

.styled-checkbox [type=checkbox]:disabled+label,
.styled-checkbox [type=radio]:disabled+label,
.styled-radio [type=checkbox]:disabled+label,
.styled-radio [type=radio]:disabled+label {
    text-decoration: line-through
}

.styled-checkbox [type=radio]:checked+label:after,
.styled-checkbox [type=radio]:checked+label:before,
.styled-checkbox [type=radio]:not(:checked)+label:after,
.styled-checkbox [type=radio]:not(:checked)+label:before,
.styled-radio [type=radio]:checked+label:after,
.styled-radio [type=radio]:checked+label:before,
.styled-radio [type=radio]:not(:checked)+label:after,
.styled-radio [type=radio]:not(:checked)+label:before {
    border-radius: 50%
}

.styled-checkbox [type=checkbox]:not(:checked)+label:after,
.styled-checkbox [type=radio]:not(:checked)+label:after,
.styled-radio [type=checkbox]:not(:checked)+label:after,
.styled-radio [type=radio]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.styled-checkbox [type=checkbox]:checked+label:before,
.styled-checkbox [type=radio]:checked+label:before,
.styled-radio [type=checkbox]:checked+label:before,
.styled-radio [type=radio]:checked+label:before {
    border-width: .125rem;
    border-color: #6d437d
}

.styled-checkbox [type=checkbox]:checked+label:after,
.styled-checkbox [type=radio]:checked+label:after,
.styled-radio [type=checkbox]:checked+label:after,
.styled-radio [type=radio]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

fieldset .styled-checkbox,
fieldset .styled-radio {
    margin-top: .625rem;
    margin-right: 1.0625rem;
    margin-bottom: 1.3125rem;
    border: 1px solid #e1e1e1;
    border-radius: .25rem
}

fieldset .styled-checkbox:last-of-type,
fieldset .styled-radio:last-of-type {
    margin-right: 0
}

fieldset .styled-checkbox [type=checkbox]:checked+label:before,
fieldset .styled-checkbox [type=checkbox]:not(:checked)+label:before,
fieldset .styled-checkbox [type=radio]:checked+label:before,
fieldset .styled-checkbox [type=radio]:not(:checked)+label:before,
fieldset .styled-radio [type=checkbox]:checked+label:before,
fieldset .styled-radio [type=checkbox]:not(:checked)+label:before,
fieldset .styled-radio [type=radio]:checked+label:before,
fieldset .styled-radio [type=radio]:not(:checked)+label:before {
    left: 1.0625rem;
    top: .875rem
}

fieldset .styled-checkbox [type=checkbox]:checked+label:after,
fieldset .styled-checkbox [type=checkbox]:not(:checked)+label:after,
fieldset .styled-checkbox [type=radio]:checked+label:after,
fieldset .styled-checkbox [type=radio]:not(:checked)+label:after,
fieldset .styled-radio [type=checkbox]:checked+label:after,
fieldset .styled-radio [type=checkbox]:not(:checked)+label:after,
fieldset .styled-radio [type=radio]:checked+label:after,
fieldset .styled-radio [type=radio]:not(:checked)+label:after {
    left: 1.375rem;
    top: 1.1875rem
}

fieldset .styled-checkbox label,
fieldset .styled-radio label {
    display: inline-block;
    padding: .75rem 2.4375rem .8125rem 1.4375rem;
    color: #585858
}

fieldset .styled-checkbox [type=checkbox]:not(:checked)+label,
fieldset .styled-checkbox [type=radio]:not(:checked)+label,
fieldset .styled-radio [type=checkbox]:not(:checked)+label,
fieldset .styled-radio [type=radio]:not(:checked)+label {
    color: #a4a4a4
}

fieldset.in-error .styled-checkbox,
fieldset.in-error .styled-radio {
    border-color: #c00000;
    -webkit-box-shadow: 0 0 0 1px #c00000;
    box-shadow: 0 0 0 1px #c00000
}

fieldset p.tip {
    color: #a4a4a4;
    font-style: italic
}

em.extra-info {
    display: inline-block;
    position: relative;
    margin-left: .375rem;
    padding-left: 1.25rem;
    font-style: normal;
    color: #a4a4a4
}

em.extra-info:before {
    position: absolute;
    content: "\2013";
    left: 0
}

label>input,
label>textarea {
    margin: .5rem 0 1.3125rem;
    padding: .8125rem .9375rem .75rem;
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: .25rem;
    -webkit-transition: all .2s;
    transition: all .2s
}

label>input.force-focus,
label>input:focus,
label>textarea.force-focus,
label>textarea:focus {
    outline: 0;
    border-color: #6d437d;
    -webkit-box-shadow: 0 0 0 1px #6d437d;
    box-shadow: 0 0 0 1px #6d437d
}

label.in-error input,
label.in-error textarea {
    border-color: #c00000;
    -webkit-box-shadow: 0 0 0 1px #c00000;
    box-shadow: 0 0 0 1px #c00000
}

.error-message {
    display: none;
    padding-top: .25rem;
    color: #c00000
}

.ajax-form.sending button span {
    display: none
}

.ajax-form.sending button .loading-indicator {
    display: block
}

.loading-indicator--container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.loading-indicator {
    display: none;
    position: relative;
    margin: 0 auto;
    width: 4rem;
    height: .6875rem;
    opacity: .5
}

.loading-indicator div {
    position: absolute;
    top: 0;
    width: .4375rem;
    height: .6875rem;
    border-radius: .25rem;
    background: #fff;
    -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
    animation-timing-function: cubic-bezier(0, 1, 1, 0)
}

.loading-indicator.loading-indicator--on-white div {
    background: #2babe2
}

.loading-indicator.init-visible {
    display: inline-block
}

.loading-indicator div:first-child {
    left: .375rem;
    -webkit-animation: lds-ellipsis1 .6s infinite;
    animation: lds-ellipsis1 .6s infinite
}

.loading-indicator div:nth-child(2) {
    left: .375rem
}

.loading-indicator div:nth-child(2),
.loading-indicator div:nth-child(3) {
    -webkit-animation: lds-ellipsis2 .6s infinite;
    animation: lds-ellipsis2 .6s infinite
}

.loading-indicator div:nth-child(3) {
    left: 1.625rem
}

.loading-indicator div:nth-child(4) {
    left: 2.8125rem;
    -webkit-animation: lds-ellipsis3 .6s infinite;
    animation: lds-ellipsis3 .6s infinite
}

@-webkit-keyframes lds-ellipsis1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes lds-ellipsis1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translate(19px);
        transform: translate(19px)
    }
}

@keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translate(19px);
        transform: translate(19px)
    }
}

@-webkit-keyframes lds-ellipsis3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes lds-ellipsis3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

.styled-select {
    margin: .5rem 0 1.3125rem;
    width: 100%;
    overflow: hidden;
    border: 1px solid #e1e1e1;
    border-radius: .25rem;
    background: url(/assets/svg/arrow-down.svg) no-repeat 100%;
    background-position-x: calc(100% - 19px)
}

.styled-select select {
    padding-left: .75rem;
    width: calc(100% + 20px);
    height: 3.125rem;
    background: transparent;
    outline: 0;
    border: none
}

label+.styled-select {
    margin-top: .625rem
}

[type=range] {
    outline: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 1.25rem;
    background: transparent;
    font: 1em/1 arial, sans-serif
}

[type=range],
[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none
}

[type=range]::-webkit-slider-runnable-track {
    border: none;
    width: 100%;
    height: .25rem;
    background: transparent
}

[type=range]::-moz-range-track {
    border: none;
    width: 100%;
    height: .25rem;
    background: transparent
}

[type=range]::-ms-track {
    border: none;
    width: 100%;
    height: .25rem;
    background: transparent
}

[type=range]::-webkit-slider-thumb {
    margin-top: -.5rem;
    border: .0625rem solid #2babe2;
    -webkit-box-shadow: inset 0 0 0 1px #2babe2;
    box-shadow: inset 0 0 0 1px #2babe2;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: #fff
}

[type=range]::-moz-range-thumb {
    border: .0625rem solid #2babe2;
    box-shadow: inset 0 0 0 1px #2babe2;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: #fff
}

[type=range]::-ms-thumb {
    margin-top: 0;
    border: .0625rem solid #2babe2;
    box-shadow: inset 0 0 0 1px #2babe2;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: #fff
}

[type=range]::-ms-tooltip {
    display: none
}

.styled-range .styled-range--input {
    position: relative;
    margin-top: 1.1875rem
}

.styled-range .styled-range--input .styled-range--input-track {
    position: absolute;
    top: .5rem;
    left: .5rem;
    right: .5rem;
    height: .25rem;
    background: #e1e1e1;
    z-index: 0
}

.styled-range .styled-range--input .styled-range--input-track .tick {
    display: block;
    position: absolute;
    top: -.25rem;
    height: .75rem;
    width: .25rem;
    background: #e1e1e1;
    border-radius: 50%
}

.address-fields-container .zipcode-number-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.address-fields-container .zipcode-number-container .street-number,
.address-fields-container .zipcode-number-container .zipcode {
    margin-right: 1.25rem
}

.value-only-container .label {
    display: inline-block
}

label.input-file {
    display: block;
    position: relative
}

label.input-file.input-file--with-label .clear-file-trigger {
    top: .625rem
}

.clear-file-trigger {
    cursor: pointer;
    display: none;
    position: absolute;
    right: -.625rem;
    top: -.625rem;
    background: #6d437d;
    border-radius: .25rem;
    font-size: 1.0625rem;
    line-height: 1.4375rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    width: 1.875rem;
    height: 1.875rem;
    line-height: 1.875rem
}

label.is-filled .clear-file-trigger {
    display: block
}

a.button,
button {
    display: inline-block;
    padding: .375rem .875rem .4375rem .9375rem;
    border-radius: .25rem;
    -webkit-transition: background-color .2s, padding .2s;
    transition: background-color .2s, padding .2s;
    cursor: pointer;
    outline: 0;
    text-decoration: none;
    vertical-align: bottom
}

a.button,
a.button span,
button,
button span {
    font-size: 1.0625rem;
    line-height: 1.4375rem;
    color: #fff
}

a.button span,
button span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

a.button svg,
button svg {
    width: 1.0625rem;
    height: 1.0625rem;
    -webkit-transition: all .2s;
    transition: all .2s
}

a.button.button-type-action svg,
a.button.button-type-submit svg,
button.button-type-action svg,
button.button-type-submit svg {
    width: .625rem;
    height: 1.0625rem;
    margin-left: .5rem
}

a.button.button-type-action:hover,
a.button.button-type-submit:hover,
button.button-type-action:hover,
button.button-type-submit:hover {
    padding-right: .625rem
}

a.button.button-type-action:hover svg,
a.button.button-type-submit:hover svg,
button.button-type-action:hover svg,
button.button-type-submit:hover svg {
    margin-left: .75rem
}

a.button.button-type-back,
button.button-type-back {
    padding: .375rem .9375rem .4375rem .875rem
}

a.button.button-type-back svg,
button.button-type-back svg {
    width: .625rem;
    height: 1.0625rem;
    margin-right: .5rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

a.button.button-type-back:hover,
button.button-type-back:hover {
    padding-left: .625rem
}

a.button.button-type-back:hover svg,
button.button-type-back:hover svg {
    margin-right: .75rem
}

a.button.button-type-undo svg,
button.button-type-undo svg {
    margin-right: .5rem;
    width: 1rem;
    height: 1rem
}

a.button.button-type-undo svg path,
button.button-type-undo svg path {
    fill: #fff;
    stroke: #fff
}

a.button.button-type-undo:hover svg,
button.button-type-undo:hover svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

a.button.button-type-cross svg,
a.button.button-type-plus svg,
button.button-type-cross svg,
button.button-type-plus svg {
    margin-left: .5rem;
    width: 1rem;
    height: 1rem
}

a.button.button-type-cross:hover svg,
a.button.button-type-plus:hover svg,
button.button-type-cross:hover svg,
button.button-type-plus:hover svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

a.button.button-type-cross svg,
button.button-type-cross svg {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

a.button.button-type-cross:hover svg,
button.button-type-cross:hover svg {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.button-importance--primair {
    border: 1px solid #e1e1e1;
    border-color: #6d437d;
    background: #6d437d
}

.button-importance--primair:hover {
    background: #50315c
}

.button-importance--secundair {
    border: 1px solid #e1e1e1;
    border-color: #a4a4a4;
    background: #a4a4a4
}

.button-importance--secundair:hover {
    background: #8b8a8a
}

.button-top-margin {
    margin-top: 2.5rem
}

.button-bottom-margin {
    margin-bottom: 2.5rem
}

.notification {
    display: block;
    position: relative;
    margin-bottom: 1.25rem;
    padding: 1.125rem 3.9375rem 1.125rem 1.5625rem;
    border-radius: .25rem;
    text-decoration: none;
    font-size: 1.0625rem;
    line-height: 1.4375rem;
    color: #fff
}

.notification:after {
    content: "";
    position: absolute;
    right: 1.5625rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .625rem;
    height: 1.0625rem;
    background-image: url("../svg/arrow-right_white.svg");
    background-repeat: no-repeat
}

.notification a,
.notification p {
    font-size: 1.0625rem;
    line-height: 1.4375rem;
    color: #fff
}

.notification-action {
    background-color: #6d437d
}

.notification-alert {
    background-color: #c00000
}

.notification-alert:after {
    width: .25rem;
    background-image: url("../svg/exclamation-mark.svg")
}

.notification-success {
    background-color: #0dbf8a
}

.notification-success:after {
    width: 1.0625rem;
    background-image: url("../svg/check-mark.svg")
}

.price-table {
    width: 100%
}

.price-table td {
    padding: 0 1.25rem .9375rem 0
}

.modal-trigger {
    cursor: pointer
}

.modal-shim {
    width: 1px;
    min-height: 101vh
}

.modal-container {
    display: none
}

.modal-background {
    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;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(88, 88, 88, .8)
}

.modal-centerer {
    position: relative;
    background-color: #fff;
    border-radius: .25rem
}

.modal-closer {
    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;
    position: absolute;
    z-index: 1;
    top: -.6875rem;
    right: -.6875rem;
    width: 2.375rem;
    height: 2.375rem;
    border-radius: .25rem;
    cursor: pointer;
    background-color: #6d437d
}

.modal-closer svg {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.modal-content-placeholder {
    overflow-y: auto
}

.modal-content-placeholder iframe {
    max-width: 100%;
    max-height: 100%;
    border: 0;
    border-radius: .25rem
}

.modal-content {
    padding: 1.25rem;
    width: 100%;
    height: 100%;
    overflow: auto
}

.modal-content h1 {
    font-size: 1.5rem;
    line-height: 1.9375rem;
    margin-bottom: 1rem
}

.modal-content p {
    font-size: 1.0625rem;
    line-height: 1.4375rem
}

.modal-content.modal-maps {
    padding: 0;
    border-radius: .25rem
}

.modal-content.modal-maps #maps_large {
    height: 100%
}

#custom_alert {
    padding: 1.25rem
}

#custom_alert h1 {
    font-size: 1.5rem;
    line-height: 1.9375rem
}

#custom_alert .button-container {
    margin-top: 1.25rem;
    text-align: center
}

#custom_alert .button-container button {
    margin-right: 1.25rem
}

#custom_alert .button-container button:last-of-type {
    margin-right: 0
}

section.form-submitted {
    position: relative
}

section.form-submitted h2 {
    margin-bottom: 1em
}

/*header .admin-login {
    position: absolute;
    top: .3125rem;
    right: .3125rem
}

header .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 auto;
    width: 100%;
    max-width: 90rem
}

header .logo {
    border-right: 1px solid #e1e1e1;
    padding-right: 1.5rem;
    height: 2.5rem
}

header .logo svg {
    display: inline;
    height: 2.5rem
}

header .help-line,
header .help-line--nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 1.5625rem;
    height: 2.5rem;
    color: #a4a4a4
}

header .help-line--nav .help-line--links,
header .help-line--nav a,
header .help-line .help-line--links,
header .help-line a {
    color: #585858
}

header .help-line--nav .or,
header .help-line .or {
    display: none
}

*/@media only screen and (max-width:75rem) {
    header .help-line--nav .or,
    header .help-line .or {
        display: inline
    }
}

@media only screen and (max-width:60rem) {
    header .help-line--nav .or,
    header .help-line .or {
        display: none
    }
}

/*header .help-line--nav {
    display: none;
    padding: 0
}

header nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    height: 2.5rem
}

header nav li {
    display: inline-block;
    vertical-align: bottom
}

header nav .icon a {
    display: block;
    padding: 0
}

header nav .icon a span {
    display: none
}

header nav .icon--user a {
    padding: .125rem .875rem .625rem 1rem
}

header nav .icon--user .logged-in-indicator {
    -webkit-transition: all .25s;
    transition: all .25s
}

header nav .icon--user.is-active .logged-in-indicator {
    fill: #6d437d;
    stroke: #fff
}

header nav .icon--basket a {
    padding: .125rem 1rem .625rem .8125rem
}

header nav .icon--basket .filled-indicator {
    -webkit-transition: all .25s;
    transition: all .25s
}

header nav .icon--basket.is-active .filled-indicator {
    fill: #6d437d
}

header nav a {
    display: inline-block;
    padding: .4375rem .6875rem .625rem .625rem;
    font-size: 1.0625rem;
    line-height: 1.4375rem;
    color: #585858;
    text-decoration: none
}

header .mobile-icons {
    display: none
}
*/
@media only screen and (max-width:75rem) {
    header {
        height: 5.625rem
    }
    header .wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    header .logo {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        border: none;
        padding-right: 0
    }
    header .help-line {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-right: .75rem;
        padding-left: 0;
        width: 100%;
        height: 1.25rem;
        text-align: right
    }
    header .help-line p {
        display: inline
    }
    header nav {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width:60.0625rem) {
    header nav {
        display: block!important
    }
}

@media only screen and (max-width:60rem) {
    header {
        padding: .625rem .9375rem;
        height: 3.75rem
    }
    header .wrapper {
        padding: 0
    }
    header .help-line,
    header .logo {
        -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
        order: 0
    }
    header .help-line {
        width: auto;
        height: 2.5rem;
        margin-left: auto;
        padding-right: 0
    }
    header .help-line p {
        display: block
    }
    header nav {
        display: none;
        position: fixed;
        top: 3.75rem;
        left: 0;
        right: 0;
        bottom: 0;
        height: auto;
        background: #f0f0f0;
        overflow-y: auto
    }
    header nav,
    header nav li {
        border-bottom: 1px solid #e1e1e1
    }
    header nav li {
        width: 100%;
        border-color: #fff;
        text-align: center
    }
    header nav li a {
        line-height: 2.9375rem;
        width: 100%
    }
    header nav li.icon {
        float: left;
        border-bottom: none
    }
    header nav li.icon--user {
        position: relative;
        width: 30%;
        text-align: right
    }
    header nav li.icon--user:after {
        position: absolute;
        content: "";
        top: 1.125rem;
        right: 0;
        height: 2.5rem;
        width: 1px;
        background: #fff
    }
    header nav li.icon--user a {
        padding: .9375rem 2.1875rem .8125rem .625rem
    }
    header nav li.icon--basket {
        width: 70%;
        text-align: left
    }
    header nav li.icon--basket a {
        padding: .9375rem .9375rem .8125rem 1.25rem
    }
    header nav li.icon svg {
        margin: 0 .9375rem
    }
    header nav li.icon svg .strokable {
        stroke: #585858
    }
    header nav li.icon svg .fillable {
        fill: #585858
    }
    header nav li.icon svg .shopping-cart-square {
        fill: #f0f0f0
    }
    header nav li.icon a span {
        display: inline-block;
        color: #a4a4a4
    }
    header nav .help-line--nav {
        display: block;
        padding: 1.5625rem 0 2.3125rem;
        text-align: center;
        height: auto;
        clear: both
    }
    header .mobile-icons {
        display: block;
        height: 2.5rem
    }
    header .mobile-menu-icon,
    header .mobile-phone-icon {
        display: inline-block;
        margin-left: 1.25rem
    }
    header .mobile-menu-icon .fa,
    header .mobile-phone-icon .fa {
        color: #6d437d;
        font-size: 2rem;
        line-height: 2.5rem
    }
    header .mobile-phone-icon {
        display: none
    }
}

@media only screen and (max-width:37.5rem) {
    header .help-line {
        display: none
    }
    header .mobile-icons {
        margin-left: auto
    }
    header .mobile-icons .mobile-phone-icon {
        display: inline-block
    }
    header nav li.icon {
        float: none;
        border-bottom: 1px solid #fff
    }
    header nav li.icon--basket,
    header nav li.icon--user {
        position: relative;
        width: 100%;
        text-align: center
    }
    header nav li.icon--basket:after,
    header nav li.icon--user:after {
        content: none
    }
    header nav li.icon--basket a,
    header nav li.icon--user a {
        padding: .9375rem 2.1875rem .8125rem .625rem
    }
}

@media only screen and (max-width:30rem) {
    header .wrapper {
        display: block
    }
    header .logo {
        display: inline
    }
    header .logo svg {
        width: calc(100% - 100px);
        max-width: 18.75rem
    }
    header .help-line {
        display: none
    }
    header .mobile-icons {
        margin: 0;
        float: right
    }
}

footer {
    border-top: 1px solid #e1e1e1;
    padding: 2.4375rem 0 4.125rem
}

footer .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

footer .logo-contact-details {
    margin-right: 5rem
}

footer .logo-contact-details .contact-details {
    margin: 2.625rem 0 2.1875rem
}

footer .logo-contact-details .contact-details h2 {
    margin-bottom: .3125rem;
    font-family: Source Sans Pro, sans-serif;
    font-weight: 400;
    color: #585858;
    font-size: .9375rem;
    line-height: 1.25rem;
    color: #a4a4a4
}

footer .logo-contact-details .contact-details p {
    font-size: 1.0625rem;
    line-height: 1.4375rem
}

footer .logo-contact-details .contact-details p a {
    color: #585858;
    font-size: 1.0625rem;
    line-height: 1.4375rem
}

footer .logo-contact-details .contact-details p.part-of-text,
footer .logo-contact-details .contact-details p.privacy-text {
    margin-top: 2.5rem;
    max-width: 25rem;
    color: #a4a4a4;
    font-size: .9375rem;
    line-height: 1.25rem
}

@media only screen and (max-width:60rem) {
    footer .logo-contact-details .contact-details p.part-of-text,
    footer .logo-contact-details .contact-details p.privacy-text {
        max-width: 100%
    }
}

footer .logo-contact-details .contact-details p.part-of-text a,
footer .logo-contact-details .contact-details p.privacy-text a {
    font-size: .9375rem;
    line-height: 1.25rem
}

footer .logo-contact-details .contact-details p.part-of-text {
    margin-top: 1rem
}

footer .logo-contact-details .ideal svg {
    width: 1.875rem
}

footer .footer-columns h3,
footer .logo-contact-details h3 {
    margin-bottom: .3125rem;
    font-family: Source Sans Pro, sans-serif;
    font-weight: 400;
    color: #585858;
    font-size: .9375rem;
    line-height: 1.25rem;
    color: #a4a4a4
}

footer .footer-columns .column,
footer .logo-contact-details .column {
    margin-right: .9375rem
}

footer .footer-columns .column:last-of-type,
footer .logo-contact-details .column:last-of-type {
    margin-right: 0
}

footer .footer-columns .column li a,
footer .logo-contact-details .column li a {
    color: #585858;
    text-decoration: none
}

footer .footer-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 53.125rem
}

@media only screen and (max-width:75rem) {
    footer .wrapper {
        display: block
    }
    footer .logo-contact-details {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-right: 0;
        margin-bottom: 2.5rem
    }
    footer .logo-contact-details .contact-details {
        margin: 0
    }
    footer .footer-columns {
        max-width: 100%
    }
}

@media only screen and (max-width:60rem) {
    footer {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
    footer .logo-contact-details {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0
    }
    footer .logo-contact-details a {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    footer .logo-contact-details .contact-details {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin: 2.625rem 0 3.4375rem;
        width: 100%
    }
    footer .logo-contact-details .ideal {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-left: auto
    }
}

@media only screen and (max-width:37.5rem) {
    footer .footer-columns {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    footer .footer-columns .column {
        width: 50%;
        margin-right: 0
    }
    footer .footer-columns .column:nth-of-type(3),
    footer .footer-columns .column:nth-of-type(4) {
        margin-top: 1.875rem
    }
}

@media only screen and (max-width:30rem) {
    footer .logo-contact-details a {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }
    footer .logo-contact-details .contact-details {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 1.875rem;
        width: 100%
    }
    footer .logo-contact-details .ideal {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-left: 0;
        margin-bottom: 1.875rem;
        width: 100%
    }
    footer .footer-columns .column {
        width: 100%
    }
    footer .footer-columns .column:nth-of-type(2) {
        margin-top: 1.875rem
    }
    footer .footer-columns .column:nth-of-type(3),
    footer .footer-columns .column:nth-of-type(4) {
        display: none
    }
}

.fixed-footer-buttons {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 10px;
    z-index: 9;
    background: #fff;
    border-top: 1px solid #e1e1e1
}

.fixed-footer-buttons .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1.875rem;
    height: 6.25rem
}

.fixed-footer-buttons .wrapper .fixed-footer--full-width-content {
    margin-left: auto;
    margin-right: 1.875rem;
    text-align: right
}

.fixed-footer-buttons.fixed-footer-buttons--without-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fixed-footer-buttons.fixed-footer-buttons--without-content .button-right {
    margin-left: auto
}

@media only screen and (max-width:60rem) {
    .fixed-footer-buttons .wrapper .fixed-footer--full-width-content {
        margin-right: 1.25rem
    }
}

@media only screen and (max-width:37.5rem) {
    .fixed-footer-buttons .wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 5rem
    }
    .fixed-footer-buttons .wrapper .fixed-footer--full-width-content {
        margin-left: 0;
        text-align: left;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .fixed-footer-buttons .button-left {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .fixed-footer-buttons .button-right {
        margin-left: auto;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

@media only screen and (max-width:30rem) {
    .fixed-footer-buttons .wrapper .fixed-footer--full-width-content {
        margin-right: 0
    }
}

section.usp {
    background: #f0f0f0
}

section.usp.usp--white {
    background: #fff
}

section.usp ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1.875rem
}

section.usp ul li {
    width: 25%
}

section.usp ul li p {
    font-size: 1.0625rem;
    line-height: 1.4375rem;
    text-align: center
}

section.usp ul li .icon {
    height: 2.3125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 2.5rem 0 2rem
}

section.usp ul li .icon svg {
    margin: 0 auto
}

@media only screen and (max-width:60rem) {
    section.usp ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    section.usp ul li {
        width: 50%
    }
}

@media only screen and (max-width:30rem) {
    section.usp ul {
        padding: 1.875rem 0 0
    }
    section.usp ul li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 1.875rem;
        width: 100%
    }
    section.usp ul li .icon {
        display: inline-block;
        margin: 0 2.5rem 0 1.875rem;
        width: 1.875rem;
        height: auto
    }
    section.usp ul li p {
        display: inline-block;
        text-align: left
    }
}

.datepicker-container>span {
    display: block;
    width: 100%
}

input.datepicker {
    max-width: 7.5rem;
    text-align: right;
    border: 1px solid #e1e1e1
}

.ui-datepicker-trigger {
    border: none;
    background: none
}

.ui-datepicker-trigger .fa {
    font-size: 1.25rem
}

#ui-datepicker-div {
    margin-top: .625rem;
    padding: 0;
    border: none;
    background: #fff;
    z-index: 10!important;
    border: 1px solid #e1e1e1;
    border-radius: .25rem
}

#ui-datepicker-div .ui-datepicker-title {
    margin: 0 3.125rem;
    line-height: 3.125rem;
    text-align: center
}

#ui-datepicker-div .ui-datepicker-header {
    padding: 0;
    background: #fff;
    border: none;
    border-radius: .25rem;
    font-size: 1.0625rem;
    line-height: 1.4375rem
}

#ui-datepicker-div .ui-datepicker-calendar {
    margin: 0;
    width: 100%
}

#ui-datepicker-div .ui-datepicker-calendar thead {
    background: #e1e1e1
}

#ui-datepicker-div .ui-datepicker-calendar thead th {
    padding: 0;
    height: 2.5625rem;
    line-height: 2.5625rem;
    font-weight: 400
}

#ui-datepicker-div .ui-datepicker-calendar td {
    padding: 0;
    opacity: 1;
    height: 3.125rem;
    width: 3.125rem;
    border: 1px solid #e1e1e1;
    text-align: center
}

#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-other-month {
    border: none;
    border-bottom: 1px solid #e1e1e1;
    font-size: 0;
    height: 0
}

#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-unselectable span,
#ui-datepicker-div .ui-datepicker-calendar td.ui-state-disabled span {
    color: #e1e1e1
}

#ui-datepicker-div .ui-datepicker-calendar td:first-of-type {
    border-left: none
}

#ui-datepicker-div .ui-datepicker-calendar td:last-of-type {
    border-right: none
}

#ui-datepicker-div .ui-datepicker-calendar td a,
#ui-datepicker-div .ui-datepicker-calendar td span {
    padding: 0;
    text-align: center
}

#ui-datepicker-div .ui-datepicker-calendar td .ui-state-default {
    display: block;
    position: relative;
    line-height: 3.125rem;
    font-weight: 400;
    background: transparent;
    border: none
}

#ui-datepicker-div .ui-datepicker-calendar td .ui-state-active {
    color: #fff
}

#ui-datepicker-div .ui-datepicker-calendar td .ui-state-active:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: .625rem;
    top: .625rem;
    background: #0dbf8a;
    border-radius: 50%;
    width: 1.875rem;
    height: 1.875rem
}

#ui-datepicker-div .ui-datepicker-calendar td .ui-state-hover {
    background: #0dbf8a;
    color: #fff
}

#ui-datepicker-div .ui-datepicker-calendar:first-of-type td {
    border-top: none
}

#ui-datepicker-div .ui-datepicker-calendar:last-of-type td {
    border-bottom: none
}

#ui-datepicker-div .ui-datepicker-next,
#ui-datepicker-div .ui-datepicker-prev {
    position: absolute;
    width: 3.125rem;
    height: 3.125rem;
    top: 0;
    background: url(../svg/arrow-down.svg) no-repeat 50%;
    -webkit-transition: all .25s;
    transition: all .25s;
    vertical-align: top
}

#ui-datepicker-div .ui-datepicker-next.ui-state-hover,
#ui-datepicker-div .ui-datepicker-prev.ui-state-hover {
    border: none;
    opacity: 1
}

#ui-datepicker-div .ui-datepicker-next .ui-icon-circle-triangle-e,
#ui-datepicker-div .ui-datepicker-next .ui-icon-circle-triangle-w,
#ui-datepicker-div .ui-datepicker-prev .ui-icon-circle-triangle-e,
#ui-datepicker-div .ui-datepicker-prev .ui-icon-circle-triangle-w {
    display: none
}

#ui-datepicker-div .ui-datepicker-prev {
    left: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

#ui-datepicker-div .ui-datepicker-next {
    right: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

section.search-bar {
    background: #95849b;
    padding: 4.625rem 0 5rem
}

section.search-bar h2 {
    margin-bottom: 2rem;
    font-family: Source Sans Pro, sans-serif;
    font-weight: 400;
    color: #585858;
    font-size: 1.4375rem;
    line-height: 1.9375rem;
    text-align: center;
    color: #fff
}

section.search-bar.search-bar--white {
    background: #fff
}

section.search-bar.search-bar--white h2 {
    color: #585858
}

section.search-bar .error-message {
    text-align: center;
    margin-bottom: .625rem
}

section.search-bar .search-bar--fields-container {
    position: relative;
    text-align: center
}

section.search-bar .search-bar--fields-container form {
    display: inline
}

section.search-bar .search-bar--fields-container label[for=search_bar] {
    position: relative;
    vertical-align: top;
    display: inline-block;
    padding-right: 1rem
}

section.search-bar .search-bar--fields-container label[for=search_bar] input {
    position: relative;
    z-index: 2;
    margin: 0;
    margin-bottom: 1.25rem;
    width: 31.25rem;
    border: 1px solid #e1e1e1;
    border-radius: .25rem
}

@media only screen and (max-width:75rem) {
    section.search-bar .search-bar--fields-container label[for=search_bar] input {
        width: 100%
    }
}

section.search-bar .search-bar--fields-container label[for=search_bar] input.force-focus,
section.search-bar .search-bar--fields-container label[for=search_bar] input:focus {
    border-color: #6d437d
}

section.search-bar .search-bar--fields-container label[for=search_bar] input.force-focus+svg path,
section.search-bar .search-bar--fields-container label[for=search_bar] input:focus+svg path {
    fill: #6d437d
}

section.search-bar .search-bar--fields-container label[for=search_bar] input.force-focus+svg circle,
section.search-bar .search-bar--fields-container label[for=search_bar] input:focus+svg circle {
    stroke: #6d437d
}

section.search-bar .search-bar--fields-container label[for=search_bar].in-error input {
    border-color: #c00000
}

section.search-bar .search-bar--fields-container label[for=search_bar] svg {
    position: absolute;
    z-index: 3;
    top: .875rem;
    right: 1.875rem
}

section.search-bar .search-bar--fields-container label[for=search_bar] svg circle,
section.search-bar .search-bar--fields-container label[for=search_bar] svg path {
    -webkit-transition: all .2s;
    transition: all .2s
}

section.search-bar .search-hints {
    display: none;
    position: absolute;
    z-index: 1;
    left: -1px;
    right: -1px;
    padding: 3.125rem 0 .25rem;
    width: 31.375rem;
    background: #e1e1e1;
    border-radius: .25rem;
    text-align: left
}

@media only screen and (max-width:60rem) {
    section.search-bar .search-hints {
        width: 25.125rem
    }
}

@media only screen and (max-width:37.5rem) {
    section.search-bar .search-hints {
        width: 100%
    }
}

section.search-bar .search-hints h3 {
    font-family: Source Sans Pro, sans-serif;
    font-weight: 400;
    color: #585858;
    font-size: .9375rem;
    line-height: 1.25rem;
    margin-top: 1.0625rem;
    padding-left: 1.5625rem;
    font-weight: 700
}

section.search-bar .search-hints li a {
    display: block;
    padding: .5rem 1.5625rem;
    font-weight: 400;
    text-decoration: none;
    color: #585858
}

section.search-bar .search-hints li a:hover {
    background-color: #fff;
    text-decoration: underline
}

section.search-bar .search-hints li a small {
    font-size: .8125rem;
    line-height: 1.0625rem
}

section.search-bar .search-hints--close-trigger {
    display: none;
    text-align: right;
    cursor: pointer;
    font-style: italic;
    padding: .3125rem .625rem
}

@media only screen and (max-width:37.5rem) {
    section.search-bar .search-hints--close-trigger {
        display: block
    }
}

section.search-bar .search-hints--scrollable {
    overflow-y: auto;
    max-height: 18.75rem
}

section.search-bar button {
    vertical-align: top;
    height: 3.125rem
}

.search-results--type-previous-selection .previous-selection--text {
    margin-bottom: .625rem
}

.search-results--type-previous-selection .button-continue {
    margin-bottom: 1.875rem
}

@media only screen and (max-width:60rem) {
    .search-bar--fields-container label[for=search_bar] input {
        width: 25rem
    }
}

@media only screen and (max-width:37.5rem) {
    .search-bar--fields-container form {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 92px)
    }
    .search-bar--fields-container label[for=search_bar] {
        vertical-align: top;
        width: 100%;
        padding: 0
    }
    .search-bar--fields-container label[for=search_bar] input {
        width: 100%;
        margin-bottom: 1.25rem
    }
    .search-bar--fields-container label[for=search_bar] svg {
        display: none
    }
}

@media only screen and (max-width:30rem) {
    .search-bar--fields-container form {
        width: 100%
    }
}

.search-results--type-title {
    font-size: 1.5rem;
    line-height: 1.9375rem;
    margin-top: 2.125rem
}

.search-results--type-title:first-of-type {
    margin-top: 0
}

.search-results--container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 2.125rem
}

.search-results--container li {
    width: 13.125rem;
    margin-right: 1.75rem
}

.search-results--container li input[type=checkbox] {
    display: none
}

.search-results--container li label {
    position: relative;
    display: block;
    border: 1px solid #e1e1e1;
    border-radius: .25rem;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s
}

.search-results--container li label:hover {
    border-color: #a4a4a4;
    -webkit-box-shadow: 0 0 0 1px #a4a4a4;
    box-shadow: 0 0 0 1px #a4a4a4
}

.search-results--container li .search-result-remove-trigger {
    display: none;
    position: absolute;
    right: -.625rem;
    top: -.625rem;
    background: #6d437d;
    border-radius: .25rem;
    font-size: 1.0625rem;
    line-height: 1.4375rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    width: 1.875rem;
    height: 1.875rem;
    line-height: 1.875rem
}

.search-results--container li .search-result--title {
    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;
    padding: .625rem;
    min-height: 5.3125rem;
    font-family: Source Sans Pro, sans-serif;
    font-weight: 400;
    color: #585858;
    font-size: 1.0625rem;
    line-height: 1.4375rem;
    text-align: center
}

.search-results--container li hr {
    margin: 0
}

.search-results--container li .search-result--footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 1.25rem;
    height: 4.0625rem
}

.search-results--container li .search-result--appear-date,
.search-results--container li .search-result--price {
    font-size: .8125rem;
    line-height: 1.0625rem
}

.search-results--container li .search-result--appear-date em,
.search-results--container li .search-result--price em {
    display: block;
    color: #a4a4a4;
    font-style: normal
}

.search-results--container li input[type=checkbox]:checked+label {
    border-color: #6d437d;
    -webkit-box-shadow: 0 0 0 1px #6d437d;
    box-shadow: 0 0 0 1px #6d437d
}

.search-results--container li input[type=checkbox]:checked+label .search-result-remove-trigger {
    display: block
}

.search-results--container li input[type=checkbox]:checked+label .search-result--title {
    color: #6d437d
}

.search-results--container li a {
    display: block;
    margin: 1rem 0 2.4375rem;
    color: #a4a4a4;
    text-align: center
}

.search-results--container .search-results--load-more {
    display: block;
    height: 9.625rem;
    border: 1px solid #e1e1e1;
    border-radius: .25rem;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s
}

.search-results--container .search-results--load-more span,
.search-results--container .search-results--load-more svg {
    display: block;
    text-align: center
}

.search-results--container .search-results--load-more svg {
    margin: 2.75rem auto 1.5rem;
    -webkit-transition: all .2s;
    transition: all .2s
}

.search-results--container .search-results--load-more span {
    text-decoration: underline
}

.search-results--container .search-results--load-more:hover {
    border-color: #a4a4a4;
    -webkit-box-shadow: 0 0 0 1px #a4a4a4;
    box-shadow: 0 0 0 1px #a4a4a4
}

.search-results--container .search-results--load-more:hover svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media only screen and (max-width:60rem) {
    .search-results--container li {
        margin-right: 1.25rem
    }
}

@media only screen and (max-width:37.5rem) {
    .search-results--container li {
        width: calc(50% - 14px);
        margin-right: 1.75rem
    }
    .search-results--container li:nth-child(2n) {
        margin-right: 0
    }
    .search-results--container li .search-result--title {
        min-height: auto
    }
    .search-results--container li .search-result--footer {
        height: auto;
        padding: .625rem
    }
    .search-results--container li .search-result--appear-date em,
    .search-results--container li .search-result--price em {
        display: inline
    }
    .search-results--container li .search-result--price {
        display: none
    }
}

@media only screen and (max-width:30rem) {
    .search-results--container li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1.75rem
    }
    .search-results--container li .search-result--appear-date,
    .search-results--container li .search-result--appear-date em,
    .search-results--container li .search-result--price,
    .search-results--container li .search-result--price em {
        display: inline
    }
    .search-results--container li .product-info-link {
        display: none
    }
}

.info-popup {
    padding: 1.25rem;
    width: 21.875rem
}

.info-popup h1 {
    font-size: 1.5rem;
    line-height: 1.9375rem
}

.info-popup h1,
.info-popup p {
    margin-bottom: 1rem
}

.info-popup p.preview {
    text-align: center
}

.info-popup img {
    margin: 1rem 0;
    width: 100%
}

.page.home .header-background {
    background: url("/images/header.jpg") no-repeat;
    background-position: 100% 0;
    min-height: 27.875rem
}

@media only screen and (max-width:60rem) {
    .page.home .header-background {
        background-size: 31.125rem 25.359375rem
    }
}

@media only screen and (max-width:37.5rem) {
    .page.home .header-background {
        background-size: 20.75rem 16.90625rem
    }
}

@media only screen and (max-width:37.5rem) {
    .page.home .header-background main {
        padding-bottom: 0
    }
}

.page.home .header-background main h1 {
    margin-bottom: 1.8125rem
}

.page.home .header-background main h1 span {
    white-space: nowrap
}

.page.home .header-background main.intro {
    max-width: 31.25rem
}

.page.home .header-background .search-bar--white {
    background: transparent
}

.page.home .about-us .wrapper {
    padding: 6.25rem 1.875rem;
    max-width: 900px
}

@media only screen and (max-width:37.5rem) {
    .page.home .about-us .wrapper {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }
}

.page.home .about-us .wrapper .cms-content {
    padding: 0
}

.page.home .about-us .wrapper .cms-content h3 {
    margin-bottom: 1.25rem
}

.page.home .about-us .wrapper .cms-content h4 {
    margin: 1.875rem 0 .625rem
}

.page.home .about-us .wrapper .cms-content h3,
.page.home .about-us .wrapper .cms-content h4 {
    font-size: 1.0625rem;
    line-height: 1.4375rem;
    font-weight: 700
}

.page.home .about-us .wrapper .cms-content p {
    margin-bottom: 1rem
}

.page.home .about-us .wrapper .cms-content p:last-of-type {
    margin-top: 1.8125rem
}

@media only screen and (max-width:60rem) {
    .page.home .about-us .wrapper main {
        width: calc(100% - 193px)
    }
}

@media only screen and (max-width:37.5rem) {
    .page.home .about-us .wrapper main {
        width: 100%
    }
}

@media only screen and (max-width:60rem) {
    .page.home .about-us .wrapper aside {
        padding-right: 1.875rem;
        width: 12.0625rem
    }
}

@media only screen and (max-width:37.5rem) {
    .page.home .about-us .wrapper aside {
        display: none
    }
}

.page.home .faq--preview {
    padding: 6.3125rem 0 5.9375rem;
    background: #f0f0f0
}

@media only screen and (max-width:37.5rem) {
    .page.home .faq--preview {
        padding: 3.75rem 0 2.8125rem
    }
}

.page.home .faq--preview main {
    padding: 0
}

.page.home .faq--preview h1 {
    margin-bottom: 2.5625rem;
    font-family: Source Sans Pro, sans-serif;
    font-weight: 400;
    color: #585858;
    font-size: 1.4375rem;
    line-height: 1.9375rem
}

@media only screen and (max-width:37.5rem) {
    .page.home .faq--preview h1 {
        margin-bottom: 2.5625rem
    }
}

.page.home .faq--preview .faq--previews-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:60rem) {
    .page.home .faq--preview .faq--previews-container {
        display: block
    }
}

@media only screen and (max-width:37.5rem) {
    .page.home .faq--preview .faq--previews-container {
        display: block
    }
}

.page.home .faq--preview .question {
    margin-right: 3.4375rem;
    margin-bottom: 3.3125rem;
    -ms-flex-preferred-size: 33.3333%;
    flex-basis: 33.3333%
}

@media only screen and (max-width:60rem) {
    .page.home .faq--preview .question {
        margin-right: 0
    }
}

@media only screen and (max-width:37.5rem) {
    .page.home .faq--preview .question {
        margin-right: 0;
        margin-bottom: 1.875rem
    }
}

.page.home .faq--preview .question h3 {
    margin-bottom: .625rem
}

.page.home .faq--preview .question h3 a {
    font-family: Source Sans Pro, sans-serif;
    font-weight: 400;
    color: #585858;
    font-weight: 700
}

.page.home .faq--preview .question .answer-preview,
.page.home .faq--preview .question h3 a {
    font-size: 1.0625rem;
    line-height: 1.4375rem
}

@media only screen and (max-width:37.5rem) {
    .page.home .faq--preview .question .answer-preview {
        display: none
    }
}

.page.home .faq--preview .question:last-of-type {
    margin-right: 0
}

.page.home .faq--preview a.more-faqs {
    display: block;
    color: #585858;
    text-align: center
}

@media only screen and (max-width:37.5rem) {
    .page.home .faq--preview a.more-faqs {
        margin-top: 2.5rem
    }
}

.newspaper-logos {
    padding: 5.125rem 0 5.875rem
}

@media only screen and (max-width:60rem) {
    .newspaper-logos {
        padding: 3.25rem 0 4rem
    }
}

.newspaper-logos main {
    width: 100%;
    padding: 0
}

.newspaper-logos main h2 {
    margin-bottom: 3.3125rem;
    font-family: Source Sans Pro, sans-serif;
    font-weight: 400;
    color: #585858;
    font-size: 1.0625rem;
    line-height: 1.4375rem;
    text-align: center
}

@media only screen and (max-width:60rem) {
    .newspaper-logos main h2 {
        margin-bottom: 2.0625rem
    }
}

.newspaper-logos main .newspaper-logos--container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width:75rem) {
    .newspaper-logos main .newspaper-logos--container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width:60rem) {
    .newspaper-logos main .newspaper-logos--container {
        display: block
    }
}

.newspaper-logos main img {
    margin: 1.25rem;
    max-width: 15.625rem
}

@media only screen and (max-width:60rem) {
    .newspaper-logos main img {
        display: block;
        margin: 1.25rem auto
    }
}

@media only screen and (max-width:37.5rem) {
    .newspaper-logos main img {
        margin: 1.875rem auto
    }
}

@media only screen and (max-width:37.5rem) {
    .newspaper-logos main img:nth-child(1n+4) {
        display: none
    }
}

.page.landingpage .header-background .wrapper-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 3.75rem
}

@media only screen and (max-width:75rem) {
    .page.landingpage .header-background .wrapper-content {
        display: block
    }
}

.page.landingpage .header-background main {
    position: relative;
    margin-top: 3.75rem;
    padding: 1.1875rem;
    min-width: 40.625rem;
    border: 1px solid #e1e1e1;
    border-radius: .25rem;
    background-color: #fff
}

@media only screen and (max-width:60rem) {
    .page.landingpage .header-background main {
        min-width: auto
    }
}

.page.landingpage .header-background main .blurred-background {
    position: absolute;
    z-index: 0;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .35;
    background: #fff;
    border-radius: .25rem
}

@media only screen and (max-width:75rem) {
    .page.landingpage .header-background main .blurred-background {
        display: none
    }
}

.page.landingpage .header-background main form {
    position: relative
}

.page.landingpage .header-background main .form-fields--container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:37.5rem) {
    .page.landingpage .header-background main .form-fields--container {
        display: block
    }
}

.page.landingpage .header-background main .form-fields--left {
    margin-right: 2.5rem
}

.page.landingpage .header-background main .form-fields--left,
.page.landingpage .header-background main .form-fields--right {
    width: calc(50% - 20px)
}

@media only screen and (max-width:37.5rem) {
    .page.landingpage .header-background main .form-fields--left,
    .page.landingpage .header-background main .form-fields--right {
        width: 100%;
        margin: 0
    }
}

.page.landingpage .header-background main .checkbox-landingpage .styled-checkbox {
    width: 100%
}

.page.landingpage .header-background main .checkbox-landingpage .styled-checkbox label {
    padding-right: 0
}

.page.landingpage .header-background main .change-selection {
    color: #a4a4a4
}

@media only screen and (max-width:37.5rem) {
    .page.landingpage .header-background main .change-selection {
        display: block;
        margin-top: 1.875rem
    }
}

.page.landingpage .header-background main h1 {
    margin-bottom: .8125rem;
    font-size: 2.25rem;
    line-height: 2.875rem;
    color: #000
}

.page.landingpage .header-background main p {
    margin-bottom: 1rem
}

.page.landingpage .header-background main p:last-of-type {
    margin-bottom: 2rem
}

.page.landingpage .header-background aside {
    padding: 5.3125rem 6.25rem 0 7.5rem
}

@media only screen and (max-width:90rem) {
    .page.landingpage .header-background aside {
        padding-left: 7.5rem;
        padding-right: 1.25rem
    }
}

@media only screen and (max-width:75rem) {
    .page.landingpage .header-background aside {
        max-width: 37.5rem;
        padding-left: 0;
        padding-right: 1.25rem
    }
}

@media only screen and (max-width:60rem) {
    .page.landingpage .header-background aside {
        padding-left: 0
    }
}

@media only screen and (max-width:37.5rem) {
    .page.landingpage .header-background aside {
        padding-top: 2.5rem
    }
}

.page.landingpage .header-background aside h2 {
    font-size: 1.5rem;
    line-height: 1.9375rem;
    margin-bottom: 1.8125rem
}

@media only screen and (max-width:37.5rem) {
    .page.landingpage .header-background aside h2 {
        font-size: 1.5rem;
        line-height: 1.9375rem;
        color: #000
    }
}

.page.landingpage .header-background aside p.landingpage-light,
.page.landingpage .header-background aside p.landingpage-light a {
    color: #a4a4a4
}

.page.landingpage .header-background aside a.button {
    margin-top: 3.75rem
}

.landingpage-text {
    background: #fff
}

.landingpage-text aside,
.landingpage-text aside .sticky-content,
.landingpage-text main {
    padding-top: 0
}

.page.newspaper-selection main section.search-bar {
    background-color: #fff;
    padding: 0
}

.page.newspaper-selection main section.search-bar .wrapper {
    padding: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page.newspaper-selection main section.search-bar .wrapper h2 {
    margin: 0 0 .5rem;
    width: 100%;
    font-family: Source Sans Pro, sans-serif;
    font-weight: 400;
    color: #585858;
    font-size: .9375rem;
    line-height: 1.25rem;
    text-align: left
}

.page.newspaper-selection main section.search-bar .search-bar--fields-container,
.page.newspaper-selection main section.search-bar .wrapper .error-message {
    text-align: left
}

.page.newspaper-selection main h1 {
    font-family: Source Sans Pro, sans-serif;
    font-weight: 400;
    color: #585858;
    font-size: .9375rem;
    line-height: 1.25rem
}

.page.newspaper-selection main .search-results--hr {
    margin-right: 1.75rem
}

.page.newspaper-selection .map-open-background {
    visibility: hidden;
    position: fixed;
    z-index: 50;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(88, 88, 88, .8);
    opacity: 0;
    -webkit-transition: all .25s;
    transition: all .25s;
    pointer-events: none
}

.page.newspaper-selection aside .mobile-map--open-trigger {
    display: none;
    position: fixed;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    z-index: 99;
    right: -5px;
    top: 80px;
    padding: 5px 5px 10px;
    height: 35px;
    width: 210px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: rgba(109, 67, 125, .5);
    color: #fff;
    opacity: .85;
    cursor: pointer;
    -webkit-transition: right .25s;
    transition: right .25s;
    -webkit-animation-name: example;
    animation-name: example;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none
}

@media only screen and (max-width:60rem) {
    .page.newspaper-selection aside .mobile-map--open-trigger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.page.newspaper-selection aside .mobile-map--open-trigger:hover {
    opacity: 1;
    right: 0
}

.page.newspaper-selection aside .mobile-map--open-trigger.is-hidden {
    right: 100%
}

.page.newspaper-selection aside .mobile-map--open-trigger .fa {
    font-size: 20px;
    color: #fff;
    -ms-flex-item-align: center;
    align-self: center
}

.page.newspaper-selection aside .mobile-map--open-trigger span {
    margin-left: 5px;
    -ms-flex-item-align: center;
    align-self: center
}

.page.newspaper-selection aside .mobile-map--close-trigger {
    display: none;
    padding: 5px;
    margin-bottom: 10px;
    cursor: pointer;
    background: #fff;
    border-radius: 5px;
    -webkit-transition: right .5s;
    transition: right .5s;
    color: #6d437d
}

@media only screen and (max-width:60rem) {
    .page.newspaper-selection aside .mobile-map--close-trigger {
        display: block
    }
}

.page.newspaper-selection aside .sticky-content {
    padding-top: 17.875rem;
    top: -10.625rem
}

@media only screen and (max-width:60rem) {
    .page.newspaper-selection aside .sticky-content {
        position: fixed;
        z-index: 100;
        left: 100%;
        top: 60px;
        bottom: 0;
        padding: .625rem 1.25rem 1.25rem;
        width: 22.5rem;
        -webkit-transition: all .25s;
        transition: all .25s;
        background: #fff;
        border-left: 1px solid hsla(0, 0%, 88%, .5)
    }
}

.page.newspaper-selection aside .need-help-container {
    text-align: center
}

@media only screen and (max-height:560px) {
    .page.newspaper-selection aside .need-help-container {
        display: none
    }
}

.page.newspaper-selection aside .need-help-container h3 {
    margin: 2.5625rem 0 .875rem;
    font-family: Source Sans Pro, sans-serif;
    font-weight: 400;
    color: #585858;
    font-size: .9375rem;
    line-height: 1.25rem;
    color: #a4a4a4
}

.page.newspaper-selection aside.is-open .map-open-background {
    visibility: visible;
    opacity: 1
}

.page.newspaper-selection aside.is-open .sticky-content {
    left: calc(100% - 360px)
}

.google-maps-reach-container {
    position: relative
}

.google-maps--loader {
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: hsla(0, 0%, 100%, .5);
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.google-maps--loader.loading {
    opacity: 1
}

.google-maps--loader .loading-indicator {
    display: block
}

.google-maps--loader .loading-indicator div {
    background: #6d437d
}

.google-maps--container {
    position: relative;
    width: 320px;
    height: 320px;
    border-radius: .25rem
}

.selected-newspapers--reach {
    z-index: 3;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -1.1875rem;
    padding: .625rem .875rem .5rem;
    background: #fff
}

.google-maps--controls,
.selected-newspapers--reach {
    position: absolute;
    border: 1px solid #e1e1e1;
    border-radius: .25rem
}

.google-maps--controls {
    z-index: 2;
    top: .6875rem;
    left: .6875rem;
    background-color: #fff
}

.google-maps--controls.google-maps--controls--right {
    left: auto;
    right: .6875rem
}

.google-maps--controls .icon {
    width: 1.875rem;
    height: 1.875rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.875rem;
    cursor: pointer
}

.google-maps--controls .icon--min {
    border-top: 1px solid #e1e1e1
}

.page.contact main h1,
.page.faq main h1,
.page.prospect main h1 {
    margin-bottom: 1.8125rem
}

@media only screen and (max-width:60rem) {
    .page.contact main,
    .page.faq main,
    .page.prospect main {
        padding-bottom: 6.25rem
    }
}

.contact-sidebar {
    padding-top: 6.25rem;
    padding-bottom: 6rem
}

.contact-sidebar .sticky-content {
    padding-top: 8.125rem;
    font-size: 1.0625rem;
    line-height: 1.4375rem
}

@media only screen and (max-width:60rem) {
    .contact-sidebar .sticky-content {
        padding-top: 0
    }
}

.contact-sidebar h1 {
    font-family: Source Sans Pro, sans-serif;
    font-weight: 400;
    font-weight: 700
}

.contact-sidebar .email a,
.contact-sidebar .telephone a,
.contact-sidebar h1 {
    color: #585858;
    font-size: 1.0625rem;
    line-height: 1.4375rem
}

.contact-sidebar .chamber-of-commerce {
    font-size: 1.0625rem;
    line-height: 1.4375rem
}

.contact-sidebar .call-me-back-button-container,
.contact-sidebar .chamber-of-commerce,
.contact-sidebar .email,
.contact-sidebar address {
    margin-bottom: 1.4375rem
}

@media only screen and (max-width:60rem) {
    .contact-sidebar {
        padding-top: 0;
        padding-bottom: 6.25rem
    }
}

.page.examples .example-images--container {
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 2.5rem;
    column-gap: 2.5rem;
    margin-bottom: 1.875rem
}

@media only screen and (max-width:60rem) {
    .page.examples .example-images--container {
        -webkit-column-count: 2;
        column-count: 2
    }
}

@media only screen and (max-width:37.5rem) {
    .page.examples .example-images--container {
        -webkit-column-count: 1;
        column-count: 1
    }
}

.page.examples .example-images--container img {
    display: block;
    max-width: 100%;
    margin-bottom: 1.875rem
}

.modal-content.call-back {
    max-width: 37.5rem
}

.page.faq .question-container,
.page.home .faq--preview .question-container {
    margin-bottom: 2.5rem
}

.page.faq .question-container:last-of-type,
.page.home .faq--preview .question-container:last-of-type {
    margin-bottom: 0
}

.page.faq .question,
.page.home .faq--preview .question {
    font-weight: 700;
    cursor: pointer
}

.page.faq .question .arrow,
.page.home .faq--preview .question .arrow {
    margin-right: .625rem
}

.page.faq .question .arrow svg,
.page.home .faq--preview .question .arrow svg {
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.page.faq .question .arrow svg path,
.page.home .faq--preview .question .arrow svg path {
    stroke: #a4a4a4
}

.page.faq .question.is-open svg,
.page.home .faq--preview .question.is-open svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.page.faq .answer,
.page.home .faq--preview .answer {
    display: none;
    margin-top: .75rem
}

.page.sitemap h2 {
    margin: 2rem 0 1rem;
    font-size: 1.125rem;
    line-height: 1.4375rem
}

.page.sitemap h2:first-of-type {
    margin-top: 1rem
}

.page.sitemap li.icon {
    display: none
}

.page.sitemap .sitemap-items {
    -webkit-column-count: 6;
    column-count: 6;
    -webkit-column-gap: 1.25rem;
    column-gap: 1.25rem
}

@media only screen and (max-width:75rem) {
    .page.sitemap .sitemap-items {
        -webkit-column-count: 5;
        column-count: 5
    }
}

@media only screen and (max-width:60rem) {
    .page.sitemap .sitemap-items {
        -webkit-column-count: 4;
        column-count: 4
    }
}

@media only screen and (max-width:37.5rem) {
    .page.sitemap .sitemap-items {
        -webkit-column-count: 3;
        column-count: 3
    }
}

@media only screen and (max-width:30rem) {
    .page.sitemap .sitemap-items {
        -webkit-column-count: 2;
        column-count: 2
    }
}

section.login hr:last-of-type {
    margin-bottom: 1.25rem
}

.page.rouwadvertentiemaken main>h1 {
    margin: .1875rem 0 1.875rem
}

.page.rouwadvertentiemaken aside h2 {
    margin-top: 6.25rem;
    font-size: 1.0625rem;
    line-height: 1.4375rem
}

.page.rouwadvertentiemaken .preview-area {
/*    width: 21.25rem;
    float: left;
*/    -webkit-transition: padding-left .5s;
    transition: padding-left .5s
}

.page.rouwadvertentiemaken .preview-area.forced-no-padding {
    padding-left: 0!important
}

.page.rouwadvertentiemaken .need-help-banner p {
    margin: 1.625rem 0 .875rem;
    font-size: .9375rem;
    line-height: 1.25rem;
    color: #a4a4a4
}

.page.rouwadvertentiemaken .options-area {
    width: 36.25rem;
    float: right;
    -webkit-transition: left .5s;
    transition: left .5s
}

.page.rouwadvertentiemaken .options-area.is-mobile {
    bottom: 0;
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
    top: 16px;
    z-index: 99;
    background-color: #fff;
    border-left: 1px solid hsla(0, 0%, 88%, .5);
    -webkit-box-shadow: 0 0 5px 0 #e1e1e1;
    box-shadow: 0 0 5px 0 #e1e1e1
}

.page.rouwadvertentiemaken .options-area.is-mobile.is-mobile--full-width {
    border-left: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%!important
}

.page.rouwadvertentiemaken .options-area.is-mobile .options-title {
    visibility: hidden
}

.page.rouwadvertentiemaken .options-area.is-hidden {
    left: 100%;
    -webkit-box-shadow: none;
    box-shadow: none
}

.page.rouwadvertentiemaken .options-area.full-height {
    top: 0!important;
    bottom: 0!important;
    margin-top: 0!important
}

.page.rouwadvertentiemaken .options-title {
    margin-bottom: .5625rem;
    font-family: Source Sans Pro, sans-serif;
    color: #585858;
    font-size: .9375rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: #a4a4a4
}

.page.rouwadvertentiemaken .adv_price_space,
.page.rouwadvertentiemaken .price-with-euro {
    font-weight: 700;
    font-family: Source Sans Pro, sans-serif;
    font-weight: 400;
    color: #585858;
    font-size: 1.6875rem;
    line-height: 2.125rem
}

.page.rouwadvertentiemaken .newspaper-properties {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 6.25rem
}

.page.rouwadvertentiemaken .newspaper-properties--content {
    display: inline
}

.page.rouwadvertentiemaken .dimensions-information {
    font-size: .9375rem;
    line-height: 1.25rem
}

.page.rouwadvertentiemaken .selected-papers-title {
    display: inline;
    font-family: Source Sans Pro, sans-serif;
    color: #585858;
    font-size: .9375rem;
    line-height: 1.25rem;
    font-weight: 400
}

.page.rouwadvertentiemaken .selected-papers-title .dimensions-information,
.page.rouwadvertentiemaken .selected-papers-title .paper-price-container,
.page.rouwadvertentiemaken .selected-papers-title>h3 {
    display: none!important
}

.page.rouwadvertentiemaken .selected-papers-title .newspaper-properties {
    display: inline;
    font-size: .9375rem;
    line-height: 1.25rem
}

.page.rouwadvertentiemaken .selected-papers-title .newspaper-properties .appearance-date,
.page.rouwadvertentiemaken .selected-papers-title .newspaper-properties h3 {
    display: inline;
    font-family: Source Sans Pro, sans-serif;
    font-weight: 400;
    color: #585858;
    font-size: .9375rem;
    line-height: 1.25rem
}

.page.rouwadvertentiemaken .selected-papers-title .newspaper-properties .appearance-date {
    display: inline-block;
    position: relative;
    margin-left: .375rem;
    padding-left: 1.25rem;
    text-transform: lowercase;
    color: #a4a4a4
}

.page.rouwadvertentiemaken .selected-papers-title .newspaper-properties .appearance-date:before {
    position: absolute;
    content: "\2013";
    left: 0
}

.hide-for-desktop-options,
.is-mobile .hide-for-tabbed-options {
    display: none
}

.is-mobile .hide-for-desktop-options {
    display: block
}

.editor-container--overflow.is-overflowing {
    overflow-x: auto;
    overflow-y: hidden
}

.editor-container--bg {
    background-position: bottom;
    background-size: cover;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: scale(1.25);
    transform: scale(1.25)
}

.editor-container--main-border,
.editor-container--second-border {
    border: 1pt solid #000;
    -webkit-transition: border-color .25s;
    transition: border-color .25s
}

.editor-container--second-border {
    position: relative;
    border-style: none;
    padding: 14px 15px
}

#text_edit_area_container {
    pointer-events: none;
    position: absolute;
    z-index: 99;
    left: -3000px;
    width: calc(100% - 30px);
    margin: 0 .9375rem
}

.text-remove-icon {
    display: block;
    position: absolute;
    right: -1.25rem;
    top: -1.25rem;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: .25rem;
    border-width: .125rem;
    color: #585858;
    width: 1.375rem;
    height: 1.375rem;
    font-weight: 100;
    cursor: pointer;
    font-size: .9375rem;
    text-align: center;
    line-height: 1.375rem;
    pointer-events: all
}

#text_edit_area {
    padding: 0;
    width: calc(100% - 2px);
    background-color: transparent;
    border: 1px solid #e1e1e1;
    border-radius: .25rem;
    border-color: #585858;
    border-style: dashed;
    min-height: 1rem;
    resize: none;
    line-height: 1.2;
    overflow: hidden;
    outline: none;
    pointer-events: all;
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: antialiased;
    color: #000
}

#text_edit_area.text-option--bold {
    font-weight: 700
}

#text_edit_area.text-option--italic {
    font-style: italic
}

#text_edit_area.text-option--underline {
    text-decoration: underline
}

#text_edit_area.text-option--align-left {
    text-align: left
}

#text_edit_area.text-option--align-center {
    text-align: center
}

#text_edit_area.text-option--align-right {
    text-align: right
}

#text_edit_area.text-option--align-justify {
    text-align: justify
}

.preview {
    font-family: EB Garamond, serif;
    font-size: 10pt;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.preview div {
    cursor: pointer;
    clear: both
}

.preview>div {
    border: 1px solid transparent
}

.preview p {
    margin: 0;
    padding: 0
}

.preview p:last {
    margin-bottom: 0
}

div.preview-sortable>div:last-of-type {
    margin-bottom: 0!important
}

div.preview-sortable .fClicked,
div.preview-sortable .fHover {
    border: 1px dashed gray
}

div.preview-sortable.sorting .fClicked,
div.preview-sortable.sorting .fHover {
    border: 1px solid transparent
}

div.preview-sortable div,
div.preview-sortable em,
div.preview-sortable p,
div.preview-sortable span,
div.preview-sortable strong,
div.preview-sortable u {
    font-family: inherit;
    line-height: 1.2;
    font-size: inherit;
    font-weight: inherit;
    color: #000
}

div.preview-sortable strong {
    font-weight: 700
}

.ui-state-highlight {
    background: #6d437d;
    opacity: .1;
    height: 1em
}

.text-editor--help-text {
    margin-bottom: .5625rem;
    font-size: .9375rem;
    line-height: 1.25rem;
    color: #a4a4a4
}

.text-editor--icons {
    display: none;
    margin-bottom: 1.25rem;
    padding: .5625rem .5625rem 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: .25rem;
    pointer-events: all;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

.text-editor--icons #icon_cross,
.text-editor--icons .fa {
    border: 1px solid #e1e1e1;
    border-radius: .25rem;
    border-width: .125rem;
    display: inline-block;
    margin-right: .375rem;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 18px;
    cursor: pointer;
    vertical-align: bottom;
    background: #fff;
    text-align: center;
    color: #585858
}

.text-editor--icons #icon_cross.active,
.text-editor--icons #icon_cross:hover,
.text-editor--icons .fa.active,
.text-editor--icons .fa:hover {
    border-color: #6d437d
}

.text-editor--icons #icon_cross:hover,
.text-editor--icons .fa:hover {
    background: rgba(109, 67, 125, .25)
}

.text-editor--icons #icon_cross {
    font-family: Arial, Helvetica, sans-serif
}

.text-editor--icons #icon_cog {
    width: 0px;
    height: 0px;
    overflow: hidden;
    padding: 0 6px
}

.text-editor--icons #icon_cog:before {
    padding-right: 6px
}

.text-editor--icons #icon_cog span {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    vertical-align: top
}

.text-editor--icons .option-icon--margin-right {
    margin-right: 1.25rem
}

.text-editor--icons #option_font_size {
    border: 1px solid #e1e1e1;
    border-radius: .25rem;
    border-width: .125rem;
    background-color: #fff;
    height: 32px;
    display: inline-block;
    margin-bottom: 5px;
    vertical-align: top;
    font-size: 13.3333px
}

.text-editor--icon-group {
    white-space: nowrap;
    margin-bottom: .5625rem;
    display: inline-block;
    vertical-align: top
}

.option-buttons button {
    margin: 1.4375rem 1.25rem 0 0
}

.reset_advert {
    margin-top: 0;
    opacity: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    pointer-events: none
}

.reset_advert.visible {
    opacity: 1;
    pointer-events: all
}

.column-option-container {
    display: inline-block;
    padding-top: 10px;
    margin-right: 20px
}

.paper-preview--perspective-container {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 200px
}

.paper-preview--columns--container {
    background-color: #fff;
    width: 100px;
    height: 150px;
    border: 1px solid #000;
    display: inline-block
}

.paper-preview--columns--container:first-of-type {
    border-right: none
}

.paper-preview--columns--container:last-of-type {
    -webkit-transform: rotateY(-179deg);
    transform: rotateY(-179deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: .5s;
    transition: .5s;
    background: #fff
}

.paper-preview--columns--container .paper-preview--columns-name {
    border-bottom: 1px solid #e1e1e1;
    text-align: center;
    line-height: 20px
}

.paper-preview--columns--container .paper-preview--columns {
    height: calc(100% - 21px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.paper-preview--columns--container .paper-preview--column {
    border-right: 1px solid #e1e1e1;
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.paper-preview--columns--container .paper-preview--column:last-of-type {
    border: none
}

.paper-preview--columns--container .paper-preview--column-filled {
    position: relative
}

.paper-preview--columns--container .paper-preview--column-filled:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 35px;
    background: #6d437d
}

.text-preview {
    margin-bottom: 0;
    width: 100%!important;
    word-wrap: break-word;
    position: relative;
    line-height: 1.2;
    border: 1px solid transparent
}

.text-preview p {
    font-family: inherit;
    line-height: inherit;
    color: #000
}

.text-preview p span {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto;
    display: inline-block;
    min-height: 1rem
}

.text-preview-template {
    display: none
}

#adv_options {
    border: 1px solid #e1e1e1;
    border-radius: .25rem
}

#adv_options .option {
    cursor: pointer;
    line-height: 24px;
    color: #57585b;
    border-top: 1px solid #e1e1e1;
    padding-right: 1.1875rem
}

#adv_options .option.active .option-title svg:last-of-type {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

#adv_options .option:first-of-type {
    border: none
}

#adv_options .option-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

#adv_options .option-title h3 {
    margin: 1.3125rem 0 1.1875rem;
    font-family: Source Sans Pro, sans-serif;
    color: #585858;
    font-size: .9375rem;
    line-height: 1.25rem;
    font-weight: 400
}

#adv_options .option-title h3 em {
    display: block;
    margin-top: .1875rem;
    font-size: 1.0625rem;
    line-height: 1.4375rem;
    font-style: normal
}

#adv_options .option-title svg:first-of-type {
    border: 1px solid #e1e1e1;
    border-width: .125rem;
    vertical-align: top;
    margin: 1.1875rem 1.25rem 0 .875rem
}

#adv_options .option-title svg:last-of-type {
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-transition: all .25s;
    transition: all .25s;
    margin-left: auto
}

#adv_options .option-title svg:last-of-type path {
    stroke: #a4a4a4
}

.is-mobile #adv_options {
/*    padding-top: 4.6875rem;
*/    border: none
}

.is-mobile .option-buttons {
    padding-left: .875rem;
    padding-bottom: 1.25rem
}

.adv-options-container {
    display: none;
    padding: 0 0 2.5rem 3.375rem;
    width: 100%;
    cursor: default
}

.adv-options-scrollable-content {
    width: 100%;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

#font_options_container {
    padding-bottom: 1.3125rem
}

#font_options_container .styled-select {
    margin-bottom: 1.1875rem
}

#font_options_container .text-margin-switch--container {
    display: none
}

#font_options_container .text-margin-switch--container .styled-range {
    margin-bottom: 1.3125rem
}

#border_options_container .border-preview-title {
    font-size: .9375rem;
    line-height: 1.25rem;
    margin-bottom: .5rem
}

#border_options_container .border-preview--container {
    width: 60px;
    height: 60px;
    border: 1px solid #ccc;
    display: inline-block;
    padding: 16px;
    cursor: pointer;
    background-color: #fff
}

#border_options_container .border-preview {
    width: 100%;
    height: 100%
}

#border_options_container .border-option {
    margin-top: 1.1875rem
}

#border_options_container .border-option.border-width {
    margin-top: 0
}

#border_options_container .border-option .styled-radio {
    margin-bottom: 1.1875rem
}

#border_options_container .button-type-undo {
    display: none;
    margin-top: 2.5rem
}

#border_options_container .hide-for-tabbed-options div:first-child {
    margin-top: 0
}

#background_options_container {
    padding-bottom: 2.375rem
}

#background_options_container #background_category_container {
    margin-bottom: 1.1875rem
}

#background_options_container .adv-options-scrollable-content {
    margin-top: .625rem;
    height: 12.8125rem
}

#background_options_container .image,
#background_options_container .thumb-remove-background {
    margin: 0 .4375rem .4375rem 0;
    width: 3.75rem;
    height: 6rem;
    background-color: #fff;
    background-size: cover;
    border: 1px solid #e1e1e1;
    border-radius: .25rem;
    cursor: pointer
}

#background_options_container .image.selected,
#background_options_container .thumb-remove-background.selected {
    border-color: #6d437d;
    border-width: .125rem;
    padding: .0625rem
}

#background_options_container .image.image-thumb-template,
#background_options_container .thumb-remove-background.image-thumb-template {
    display: none
}

#background_options_container .thumb-remove-background {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#columns_options_container {
    padding-bottom: 1.1875rem
}

.paper-price-container .price-with-euro {
    font-size: 16px;
    font-weight: 700
}

@-webkit-keyframes show_advert_options {
    0% {
        right: -10px
    }
    25% {
        right: -5px;
        opacity: 1
    }
    50% {
        right: -10px;
        opacity: 1
    }
    to {
        right: -5px;
        opacity: .85
    }
}

@keyframes show_advert_options {
    0% {
        right: -10px
    }
    25% {
        right: -5px;
        opacity: 1
    }
    50% {
        right: -10px;
        opacity: 1
    }
    to {
        right: -5px;
        opacity: .85
    }
}

#show_advert_options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    z-index: 99;
    right: -5px;
    top: 280px;
    padding: 5px 5px 10px;
    height: 35px;
    width: 77px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: rgba(43, 171, 226, .5);
    font-size: .9375rem;
    line-height: 1.25rem;
    color: #fff;
    opacity: .85;
    cursor: pointer;
    -webkit-transition: right .25s;
    transition: right .25s;
    -webkit-animation-name: show_advert_options;
    animation-name: show_advert_options;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none
}

#show_advert_options:hover {
    opacity: 1;
    right: 0
}

#show_advert_options.is-hidden {
    right: 100%
}

#show_advert_options .fa {
    font-size: 20px;
    color: #2babe2;
    -ms-flex-item-align: center;
    align-self: center
}

#show_advert_options span {
    margin-left: 5px;
    -ms-flex-item-align: center;
    align-self: center
}

#close_advert_options {
    position: fixed;
    right: 10px;
    top: 66px;
    z-index: 9999;
    padding: 5px;
    cursor: pointer;
    background: #fff;
    border-radius: 5px;
    -webkit-transition: right .5s;
    transition: right .5s;
    font-size: .9375rem;
    line-height: 1.25rem;
    color: #2babe2
}

#close_advert_options.is-hidden {
    right: calc(-100% + 10px)
}

.preview-jpg {
    padding-top: 7.1875rem
}

.preview-jpg img {
    width: 100%;
    max-width: 25.1875rem
}

#customer_department,
#invoice_department {
    opacity: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

#customer_department.visible,
#invoice_department.visible {
    opacity: 1
}

.user-details--login-link {
    margin-bottom: 1rem
}

@media only screen and (max-width:60rem) {
    .page.rouwadvertentiemaken .newspaper-properties {
        width: 100%;
        height: auto;
        padding-left: 1.25rem
    }
    .page.rouwadvertentiemaken .price-with-euro {
        font-size: inherit;
        line-height: inherit
    }
    .page.rouwadvertentiemaken .dimensions-information {
        display: inline
    }
}

@media only screen and (max-width:37.5rem) {
    .page.rouwadvertentiemaken .fixed-footer-buttons .wrapper .fixed-footer--full-width-content {
        width: 100%;
        margin-right: 0
    }
    .page.rouwadvertentiemaken .fixed-footer-buttons .wrapper .loading-indicator {
        margin-left: 0
    }
    .page.rouwadvertentiemaken .newspaper-properties {
        padding-left: 0
    }
}

@media only screen and (max-width:30rem) {
    .page.rouwadvertentiemaken .button-left span {
        font-size: 0
    }
}

@font-face {
    font-family: Crimson Text;
    font-style: normal;
    font-weight: 400;
    src: local("Crimson Text Regular"), local("CrimsonText-Regular"), url("/fonts/crimson_text_v8.woff") format("woff"), url("/fonts/crimson_text_v8.ttf") format("truetype")
}

@font-face {
    font-family: Crimson Text;
    font-style: italic;
    font-weight: 400;
    src: local("Crimson Text Italic"), local("CrimsonText-Italic"), url("/fonts/crimson_text_v8i.woff") format("woff"), url("/fonts/crimson_text_v8i.ttf") format("truetype")
}

@font-face {
    font-family: Crimson Text;
    font-style: normal;
    font-weight: 700;
    src: local("Crimson Text Bold"), local("CrimsonText-Bold"), url("/fonts/crimson_text_v8b.woff") format("woff"), url("/fonts/crimson_text_v8b.ttf") format("truetype")
}

@font-face {
    font-family: Crimson Text;
    font-style: italic;
    font-weight: 700;
    src: local("Crimson Text Bold Italic"), local("CrimsonText-BoldItalic"), url("/fonts/crimson_text_v8bi.woff") format("woff"), url("/fonts/crimson_text_v8bi.ttf") format("truetype")
}

@font-face {
    font-family: EB Garamond;
    font-style: normal;
    font-weight: 400;
    src: local("EB Garamond Regular"), local("EBGaramond-Regular"), url("/fonts/eb_garamond_v9.woff") format("woff"), url("/fonts/eb_garamond_v9.ttf") format("truetype")
}

@font-face {
    font-family: EB Garamond;
    font-style: italic;
    font-weight: 400;
    src: local("EB Garamond Italic"), local("EBGaramond-Italic"), url("/fonts/eb_garamond_v9i.woff") format("woff"), url("/fonts/eb_garamond_v9i.ttf") format("truetype")
}

@font-face {
    font-family: EB Garamond;
    font-style: normal;
    font-weight: 700;
    src: local("EB Garamond Bold"), local("EBGaramond-Bold"), url("/fonts/eb_garamond_v9b.woff") format("woff"), url("/fonts/eb_garamond_v9b.ttf") format("truetype")
}

@font-face {
    font-family: EB Garamond;
    font-style: italic;
    font-weight: 700;
    src: local("EB Garamond Bold Italic"), local("EBGaramond-BoldItalic"), url("/fonts/eb_garamond_v9bi.woff") format("woff"), url("/fonts/eb_garamond_v9bi.ttf") format("truetype")
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 400;
    src: local("Lato Regular"), local("Lato-Regular"), url("/fonts/lato_v14.woff") format("woff"), url("/fonts/lato_v14.ttf") format("truetype")
}

@font-face {
    font-family: Lato;
    font-style: italic;
    font-weight: 400;
    src: local("Lato Italic"), local("Lato-Italic"), url("/fonts/lato_v14i.woff") format("woff"), url("/fonts/lato_v14i.ttf") format("truetype")
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 700;
    src: local("Lato Bold"), local("Lato-Bold"), url("/fonts/lato_v14b.woff") format("woff"), url("/fonts/lato_v14b.ttf") format("truetype")
}

@font-face {
    font-family: Lato;
    font-style: italic;
    font-weight: 700;
    src: local("Lato Bold Italic"), local("Lato-BoldItalic"), url("/fonts/lato_v14bi.woff") format("woff"), url("/fonts/lato_v14bi.ttf") format("truetype")
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    src: local("Montserrat Regular"), local("Montserrat-Regular"), url("/fonts/montserrat_v12.woff") format("woff"), url("/fonts/montserrat_v12.ttf") format("truetype")
}

@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 400;
    src: local("Montserrat Italic"), local("Montserrat-Italic"), url("/fonts/montserrat_v12i.woff") format("woff"), url("/fonts/montserrat_v12i.ttf") format("truetype")
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    src: local("Montserrat Bold"), local("Montserrat-Bold"), url("/fonts/montserrat_v12b.woff") format("woff"), url("/fonts/montserrat_v12b.ttf") format("truetype")
}

@font-face {
    font-family: Montserrat;
    font-style: italic;
    font-weight: 700;
    src: local("Montserrat Bold Italic"), local("Montserrat-BoldItalic"), url("/fonts/montserrat_v12bi.woff") format("woff"), url("/fonts/montserrat_v12bi.ttf") format("truetype")
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url("/fonts/open_sans_v15.woff") format("woff"), url("/fonts/open_sans_v15.ttf") format("truetype")
}

@font-face {
    font-family: Open Sans;
    font-style: italic;
    font-weight: 400;
    src: local("Open Sans Italic"), local("OpenSans-Italic"), url("/fonts/open_sans_v15i.woff") format("woff"), url("/fonts/open_sans_v15i.ttf") format("truetype")
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url("/fonts/open_sans_v15b.woff") format("woff"), url("/fonts/open_sans_v15b.ttf") format("truetype")
}

@font-face {
    font-family: Open Sans;
    font-style: italic;
    font-weight: 700;
    src: local("Open Sans Bold Italic"), local("OpenSans-BoldItalic"), url("/fonts/open_sans_v15bi.woff") format("woff"), url("/fonts/open_sans_v15bi.ttf") format("truetype")
}

@font-face {
    font-family: PT Serif;
    font-style: normal;
    font-weight: 400;
    src: local("PT Serif"), local("PTSerif-Regular"), url("/fonts/pt_serif_v9.woff") format("woff"), url("/fonts/pt_serif_v9.ttf") format("truetype")
}

@font-face {
    font-family: PT Serif;
    font-style: normal;
    font-weight: 700;
    src: local("PT Serif Bold"), local("PTSerif-Bold"), url("/fonts/pt_serif_v9b.woff") format("woff"), url("/fonts/pt_serif_v9b.ttf") format("truetype")
}

@font-face {
    font-family: PT Serif;
    font-style: italic;
    font-weight: 700;
    src: local("PT Serif Bold Italic"), local("PTSerif-BoldItalic"), url("/fonts/pt_serif_v9bi.woff") format("woff"), url("/fonts/pt_serif_v9bi.ttf") format("truetype")
}

@font-face {
    font-family: PT Serif;
    font-style: italic;
    font-weight: 400;
    src: local("PT Serif Italic"), local("PTSerif-Italic"), url("/fonts/pt_serif_v9i.woff") format("woff"), url("/fonts/pt_serif_v9i.ttf") format("truetype")
}

@font-face {
    font-family: Raleway;
    font-style: normal;
    font-weight: 400;
    src: local("Raleway"), local("Raleway-Regular"), url("/fonts/raleway_v12.woff") format("woff"), url("/fonts/raleway_v12.ttf") format("truetype")
}

@font-face {
    font-family: Raleway;
    font-style: italic;
    font-weight: 400;
    src: local("Raleway Italic"), local("Raleway-Italic"), url("/fonts/raleway_v12i.woff") format("woff"), url("/fonts/raleway_v12i.ttf") format("truetype")
}

@font-face {
    font-family: Raleway;
    font-style: normal;
    font-weight: 700;
    src: local("Raleway Bold"), local("Raleway-Bold"), url("/fonts/raleway_v12b.woff") format("woff"), url("/fonts/raleway_v12b.ttf") format("truetype")
}

@font-face {
    font-family: Raleway;
    font-style: italic;
    font-weight: 700;
    src: local("Raleway Bold Italic"), local("Raleway-BoldItalic"), url("/fonts/raleway_v12bi.woff") format("woff"), url("/fonts/raleway_v12bi.ttf") format("truetype")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url("/fonts/roboto_v18.woff") format("woff"), url("/fonts/roboto_v18.ttf") format("truetype")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    src: local("Roboto Italic"), local("Roboto-Italic"), url("/fonts/roboto_v18i.woff") format("woff"), url("/fonts/roboto_v18i.ttf") format("truetype")
}

@font-face {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url("/fonts/roboto_v18b.woff") format("woff"), url("/fonts/roboto_v18b.ttf") format("truetype")
}

@font-face {
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url("/fonts/roboto_v18bi.woff") format("woff"), url("/fonts/roboto_v18bi.ttf") format("truetype")
}

.ndc-paper-options-description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ndc-paper-options-description .options-container {
    width: 50%;
    max-width: 21.875rem
}

.ndc-paper-options-description .options-container:first-of-type {
    margin-right: 1.25rem;
    width: calc(50% - 20px)
}

.ndc-paper-options-description .options-container h3 {
    margin: 1.25rem 0 .625rem
}

.ndc-paper-options-description .option {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #e1e1e1;
    border-radius: .25rem;
    background: #e1e1e1;
    height: 5.125rem;
    text-align: center;
    font-size: 1.0625rem;
    line-height: 1.4375rem
}

.ndc-paper-options-description .option--weekly {
    margin-bottom: 1rem;
    height: 2.0625rem;
    font-size: .9375rem;
    line-height: 1.25rem
}

.ndc-paper-options-description .option--weekly:last-of-type {
    margin-bottom: 0
}

.ndc-paper-options-description .ndc-selections--modal-trigger {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 1.875rem;
    height: 1.875rem;
    background: #6d437d;
    font-size: 1.0625rem;
    line-height: 1.4375rem;
    font-weight: 700;
    line-height: 1.875rem;
    color: #fff;
    border-radius: 50%
}

.ndc-paper-options-description .plus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 2.5rem;
    font-size: 1.4375rem;
    line-height: 1.9375rem
}

.page.ndc .options-legend {
    margin-bottom: .5rem
}

.page.ndc .ndc-options-container ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: .625rem
}

.page.ndc .ndc-options-container ul .ndc-option input[type=radio] {
    display: none
}

.page.ndc .ndc-options-container ul .ndc-option label {
    display: block;
    padding: 1.25rem;
    min-width: 10rem;
    border: 1px solid #e1e1e1;
    border-radius: .25rem;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s
}

.page.ndc .ndc-options-container ul .ndc-option label:hover {
    border-color: #a4a4a4;
    -webkit-box-shadow: 0 0 0 1px #a4a4a4;
    box-shadow: 0 0 0 1px #a4a4a4
}

.page.ndc .ndc-options-container ul .ndc-option input[type=radio]:checked+label {
    border-color: #6d437d;
    -webkit-box-shadow: 0 0 0 1px #6d437d;
    box-shadow: 0 0 0 1px #6d437d
}

.page.ndc .ndc-options-container ul .ndc-option input[type=radio]:checked+label .ndc-option--title {
    color: #6d437d
}

.page.ndc .ndc-options-container ul .ndc-option .ndc-option--indicator {
    margin: 0 auto .625rem;
    width: 3.375rem;
    border: 1px solid #e1e1e1;
    border-width: .1875rem;
    background: #fff
}

.page.ndc .ndc-options-container ul .ndc-option .ndc-option--indicator--eenvoud {
    margin-top: 7.65261628rem;
    height: 2.43313953rem
}

.page.ndc .ndc-options-container ul .ndc-option .ndc-option--indicator--bescheiden {
    margin-top: 5.10174419rem;
    height: 4.98401163rem
}

.page.ndc .ndc-options-container ul .ndc-option .ndc-option--indicator--basis {
    margin-top: 2.55087209rem;
    height: 7.53488372rem
}

.page.ndc .ndc-options-container ul .ndc-option .ndc-option--indicator--prominent {
    height: 10.08575581rem
}

.page.ndc .ndc-options-container ul .ndc-option .ndc-option--title {
    margin-bottom: .3125rem
}

.page.ndc .ndc-options-container ul .ndc-option .ndc-option--dimensions {
    margin-bottom: 1.25rem
}

.page.ndc .products-container {
    margin-bottom: 3.75rem
}

.product-switch {
    text-decoration: underline;
    cursor: pointer
}

.product-no-selection p,
.product-selection-container p {
    margin-bottom: 1rem
}

.ndc-product-type-title {
    min-height: 4.375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ndc-product-options {
    margin-bottom: 1.25rem
}

.product-selection-container--all {
    margin-top: 2.5rem
}

@media only screen and (max-width:30rem) {
    .ndc-paper-options-description {
        display: block
    }
    .ndc-paper-options-description .options-container,
    .ndc-paper-options-description .options-container:first-of-type {
        margin: 0;
        width: 100%;
        max-width: 100%
    }
}