/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

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

audio, canvas, video {
    display: inline-block;
}

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

[hidden], template {
    display: none;
}

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

body {
    margin: 0;
}

a {
    background: transparent;
}

    a:focus {
        outline: thin dotted;
    }

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

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

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

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

pre {
    white-space: pre-wrap;
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

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

button, input {
    line-height: normal;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

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

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

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

textarea {
    overflow: auto;
    vertical-align: top;
}

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

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .mfp-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

    .mfp-preloader a {
        color: #ccc;
    }

        .mfp-preloader a:hover {
            color: #fff;
        }

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

    .mfp-close:hover, .mfp-close:focus {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mfp-close:active {
        top: 1px;
    }

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

    .mfp-arrow:active {
        margin-top: -54px;
    }

    .mfp-arrow:hover, .mfp-arrow:focus {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent;
    }

    .mfp-arrow:after, .mfp-arrow .mfp-a {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px;
    }

    .mfp-arrow:before, .mfp-arrow .mfp-b {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: 0.7;
    }

.mfp-arrow-left {
    left: 0;
}

    .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
        border-right: 17px solid #fff;
        margin-left: 31px;
    }

    .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
        margin-left: 25px;
        border-right: 27px solid #3f3f3f;
    }

.mfp-arrow-right {
    right: 0;
}

    .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
        border-left: 17px solid #fff;
        margin-left: 39px;
    }

    .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
        border-left: 27px solid #3f3f3f;
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px;
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px;
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(0,0,0,0.6);
        background: #000;
    }

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

.mfp-figure {
    line-height: 0;
}

    .mfp-figure:after {
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0,0,0,0.6);
        background: #444;
    }

    .mfp-figure small {
        color: #bdbdbd;
        display: block;
        font-size: 12px;
        line-height: 14px;
    }

    .mfp-figure figure {
        margin: 0;
    }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0;
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0,0,0,0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}

.qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 280px;
    min-width: 50px;
    font-size: 10.5px;
    line-height: 12px;
    direction: ltr;
    box-shadow: none;
    padding: 0;
}

.qtip-content {
    position: relative;
    padding: 5px 9px;
    overflow: hidden;
    text-align: left;
    word-wrap: break-word;
}

.qtip-titlebar {
    position: relative;
    padding: 5px 35px 5px 10px;
    overflow: hidden;
    border-width: 0 0 1px;
    font-weight: bold;
}

    .qtip-titlebar + .qtip-content {
        border-top-width: 0 !important;
    }

.qtip-close {
    position: absolute;
    right: -9px;
    top: -9px;
    cursor: pointer;
    outline: medium none;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
}

.qtip-titlebar .qtip-close {
    right: 4px;
    top: 50%;
    margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
    top: 16px;
}

.qtip-titlebar .ui-icon, .qtip-icon .ui-icon {
    display: block;
    text-indent: -1000em;
    direction: ltr;
}

.qtip-icon, .qtip-icon .ui-icon {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
}

    .qtip-icon .ui-icon {
        width: 18px;
        height: 14px;
        line-height: 14px;
        text-align: center;
        text-indent: 0;
        font: normal bold 10px/13px Tahoma,sans-serif;
        color: inherit;
        background: transparent none no-repeat -100em -100em;
    }

.qtip-default {
    border-width: 1px;
    border-style: solid;
    border-color: #F1D031;
    background-color: #FFFFA3;
    color: #555;
}

    .qtip-default .qtip-titlebar {
        background-color: #FFEF93;
    }

    .qtip-default .qtip-icon {
        border-color: #CCC;
        background: #F1F1F1;
        color: #777;
    }

    .qtip-default .qtip-titlebar .qtip-close {
        border-color: #AAA;
        color: #111;
    }

.qtip .qtip-tip {
    margin: 0 auto;
    overflow: hidden;
    z-index: 10;
}

x:-o-prefocus, .qtip .qtip-tip {
    visibility: hidden;
}

    .qtip .qtip-tip, .qtip .qtip-tip .qtip-vml, .qtip .qtip-tip canvas {
        position: absolute;
        color: #123456;
        background: transparent;
        border: 0 dashed transparent;
    }

        .qtip .qtip-tip canvas {
            top: 0;
            left: 0;
        }

        .qtip .qtip-tip .qtip-vml {
            behavior: url(#default#VML);
            display: inline-block;
            visibility: visible;
        }

@font-face {
    font-family: "PostNL-Regular";
    src: url('../fonts/postnl/postnl-regular.eot');
    src: url('../fonts/postnl/postnl-regular.eot?#iefix') format('eot'),url('../fonts/postnl/postnl-regular.woff') format('woff'), url('../fonts/postnl/postnl-regular.ttf') format('truetype'), url('../fonts/postnl/postnl-regular.otf') format('opentype'), url('../fonts/postnl/postnl-regular.svg#postnlregular') format('svg');
}

@font-face {
    font-family: "PostNL-Medium";
    src: url('../fonts/postnl/postnl-medium.eot');
    src: url('../fonts/postnl/postnl-medium.eot?#iefix') format('eot'),url('../fonts/postnl/postnl-medium.woff') format('woff'), url('../fonts/postnl/postnl-medium.ttf') format('truetype'), url('../fonts/postnl/postnl-medium.otf') format('opentype'), url('../fonts/postnl/postnl-medium.svg#postnlmedium') format('svg');
}

@font-face {
    font-family: "PostNL-Bold";
    src: url('../fonts/postnl/postnl-bold.eot');
    src: url('../fonts/postnl/postnl-bold.eot?#iefix') format('eot'),
        url('../fonts/postnl/postnl-bold.woff') format('woff'), 
        url('../fonts/postnl/postnl-bold.ttf') format('truetype'), 
        url('../fonts/postnl/postnl-bold.otf') format('opentype'), 
        url('../fonts/postnl/postnl-bold.svg#postnlbold') format('svg');
}

@font-face {
    font-family: "PostNL-icons";
    src: url('../fonts/postnl-icons/PostNL-icons.eot');
    src: url('../fonts/postnl-icons/PostNL-icons.eot?#iefix') format('eot'),url('../fonts/postnl-icons/PostNL-icons.woff') format('woff'), url('../fonts/postnl-icons/PostNL-icons.ttf') format('truetype'), url('../fonts/postnl-icons/PostNL-icons.svg#PostNL-icons') format('svg');
}

h3, .form legend, table.rates .title, .testimonial, .block .title, .direct-actions .title.subtitled em, .media-block .title, .media-block.quote blockquote, .landing-block .title, .page-title .subtitle, .introduction, .shift-headings h2, .intro-block .title, .overview .item .title, .inline-navigation a, .teaser, .top-list, .strong, .beam .title, .executive-testimonial cite, .form .label.large, h1, h2, .block .title.emphasized em, .business-actions .subtitled .subtitle, .tabs .tab, .comparison .block .title.subtitled, .direct-actions .title.subtitled, .media-block.quote blockquote p:before, .media-block.quote blockquote p:after, .promo-banner .text, .breadcrumbs a:after, .sub-menu .parent-level a:before, .sub-menu .menu-toggle:before, .index-block header a:after, .page-title .back-link a:before, .links a:before, .check-marks li:before, .pagination .next a:before, .pagination .previous a:before, .comparison .toggle:before, .js .tooltip:before, .js .tooltipped .icon:before, .wizard-menu .step.active:before, .wizard-menu .step.completed:before, .breadcrumbs a, .sub-menu a, .block, .category-links .category .description, .promo-banner, .form .message, .qtip-default, .wizard-menu .step {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

    h3, .form legend, table.rates .title, .testimonial, .block .title, .direct-actions .title.subtitled em, .media-block .title, .media-block.quote blockquote, .landing-block .title, .page-title .subtitle, .introduction, .shift-headings h2, .intro-block .title, .overview .item .title, .inline-navigation a, .teaser, .top-list, .strong, .beam .title, .executive-testimonial cite, .form .label.large {
        font-family: 'PostNL-Regular';
        font-weight: normal;
    }

        h1, h2, .block .title.emphasized em, .business-actions .subtitled .subtitle, .tabs .tab, .comparison .block .title.subtitled {
            font-family: 'PostNL-Medium';
            font-weight: normal;
        }

        .direct-actions .title.subtitled, .media-block.quote blockquote p:before, .media-block.quote blockquote p:after, .promo-banner .text {
            font-family: 'PostNL-Bold';
            font-weight: normal;
        }

    .breadcrumbs a:after, .sub-menu .parent-level a:before, .sub-menu .menu-toggle:before, .index-block header a:after, .page-title .back-link a:before, .links a:before, .check-marks li:before, .pagination .next a:before, .pagination .previous a:before, .comparison .toggle:before, .js .tooltip:before, .js .tooltipped .icon:before, .wizard-menu .step.active:before, .wizard-menu .step.completed:before {
        font-family: 'PostNL-icons';
        font-weight: normal;
    }

.sub-menu .parent-level a:before, .page-title .back-link a:before, .pagination .previous a:before {
    content: "\e601";
}

.breadcrumbs a:after, .links a:before, .pagination .next a:before, .wizard-menu .step.active:before {
    content: "\e603";
}

.index-block header a:after {
    content: "\e605";
}

.check-marks li:before, .wizard-menu .step.completed:before {
    content: "\e612";
}

.js .tooltip:before, .js .tooltipped .icon:before {
    content: "\e613";
}

.sub-menu .menu-toggle:before, .comparison .toggle.toggled:before {
    content: "\e607";
}

.sub-menu .menu-toggle.open:before, .comparison .toggle:before {
    content: "\e608";
}

.sub-menu ol, .inline-navigation .items, .list, .links, .inline, .check-marks, .tabs, .pagination, .form .checkboxes, .wizard-menu ol {
    margin: 0;
    list-style: none;
    padding: 0;
}

.off-screen, .breadcrumbs .separator {
    position: absolute;
    left: -999999em;
}

.cleared:after, .direct-actions:after, .tabs:after, .form dl.summary dd:after, .form .form-row:after, .form .submit-buttons:after, .porten-innen-portocosts .columns:after {
    display: block;
    clear: both;
    content: " ";
}

.block, .block.image .image, .media-block .highlighted-content, .index-block header .title, .hero-image .block, .comparison, .comparison .content, .form, .porten-innen-modal .mfp-content {
    -webkit-border-radius: 10px 10px 0 10px;
    -moz-border-radius: 10px 10px 0 10px;
    -ms-border-radius: 10px 10px 0 10px;
    -o-border-radius: 10px 10px 0 10px;
    border-radius: 10px 10px 0 10px;
}

.hero-image .block {
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
}

.direct-actions .separated, .index-block .content, .inline-navigation .content, .tabs .tab {
    border-bottom: 1px solid #e6e6e6;
}

    .direct-actions .separated:after, .index-block .content:after, .inline-navigation .content:after, .tabs .tab:after {
        display: block;
        position: absolute;
        z-index: -1;
        left: 12.5%;
        right: 12.5%;
        bottom: 0;
        -webkit-box-shadow: 0 0 6px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: 0 0 6px 1px rgba(0,0,0,0.2);
        box-shadow: 0 0 6px 1px rgba(0,0,0,0.2);
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%;
        height: 10px;
        content: " ";
    }

::-moz-selection {
    background-color: rgba(237,140,0,0.3);
}

::selection {
    background-color: rgba(237,140,0,0.3);
}

.direct-actions ::-moz-selection, .media-block .highlighted-content ::-moz-selection, .form .message.error ::-moz-selection, .qtip-default ::-moz-selection {
    background-color: rgba(255,255,255,0.3);
}

.direct-actions ::selection, .media-block .highlighted-content ::selection, .form .message.error ::selection, .qtip-default ::selection {
    background-color: rgba(255,255,255,0.3);
}

html.loaded {
    background-color: #ed8c00;
}

body {
    background-color: #fff;
    font: 14px Arial,Helvetica,sans-serif;
    line-height: 1.5;
    color: #444;
}

h1, h2 {
    line-height: 1.1;
}

h3, .form legend {
    line-height: 1.2;
}

h1, h2, h3, .form legend, h4, h5, h6 {
    color: #001a73;
    margin-left:15px;
}

h1 {
    margin: 0;
}

h2 {
    margin: 40px 0 0.35em;
    font-size: 1.71429em;
}

    h2.first-title {
        margin-top: 0;
    }

h3, .form legend {
    font-size: 1.28571em;
}

h4, h5 {
    margin-bottom: 0;
}

p, table, ul, ol, figure {
    margin: 0 0 1.6em;
}

ul, ol {
    padding: 0 0 0 15px;
}

a {
    text-decoration: underline;
    color: #ed8c00;
}

    a:focus {
        outline: none;
    }

    a:hover {
        color: #001a73;
    }

ins {
    text-decoration: none;
}

main img, main iframe {
    max-width: 100%;
}

table {
    width: 100%;
    font-size: 0.92857em;
}

    table strong {
        color: #ed8c00;
    }

    table ins {
        white-space: nowrap;
        padding-left: 5px;
    }

    table.underlined tr {
        border-bottom: 1px solid #e6e6e6;
    }

    table.rates .title {
        display: block;
        font-size: 1.07692em;
        color: #001a73;
    }

    table.rates tbody th:first-child {
        width: 155px;
    }

    table.rates.large.underlined {
        border-top: 1px solid #c0c0bd;
    }

        table.rates.large.underlined tr {
            border-color: #c0c0bd;
        }

    table.rates.large td, table.rates.large th {
        padding: 13px 10px;
    }

        table.rates.large th:first-child {
            width: 33%;
        }

        table.rates.large th p {
            margin: 0;
            color: #888887;
        }

    table.rates.large thead th, table.rates.large tbody td {
        border-right: 2px solid #f0f0ec;
        background-color: #efe1c8;
    }

        table.rates.large thead th:first-child {
            border-right-width: 0;
            background-color: transparent;
        }

    table.rates.large thead th {
        text-align: center;
    }

        table.rates.large thead th:first-child {
            font-weight: normal;
            text-align: left;
        }

    table.rates.large tbody th {
        width: 250px;
    }

    table.rates.large tbody td {
        text-align: center;
    }

    table.rates.large .title {
        margin-botom: 0;
    }

@media only screen {
    table.rates .title {
        font-size: 1.15385em;
    }
}

td, th {
    padding: 5px;
}

th {
    padding-right: 40px;
    text-align: left;
}

tbody th {
    font-weight: normal;
}

figcaption {
    padding: 5px 10px;
    font-style: italic;
}

figure.image {
    display: table;
    width: 100px;
    background-color: #f0f0ec;
}

    figure.image img {
        max-width: none;
    }

@media only screen and (max-width: 660px) {
    figure.image {
        width: 100px;
    }
}

.testimonial {
    position: relative;
    margin: 0 0 0.5em;
    padding: 5px 10px 5px 10px;
    font-size: 1.71429em;
    font-style: italic;
    line-height: 1.2;
    color: #ed8c00;
}

    .testimonial:before, .testimonial:after {
        position: absolute;
        line-height: 1;
    }

    .testimonial:before {
        left: -2px;
        content: "\201C";
    }

    .testimonial:after {
        content: "\201D";
    }

    .testimonial p {
        display: inline;
    }

@media only screen and (min-width: 661px) {
    .testimonial {
        width: 45%;
    }
}

.placeholder {
    color: #999999 !important;
}

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

.floats {
    margin-bottom: 1em;
}

.clears.left {
    clear: left;
}

.clears.right {
    clear: right;
}

.clickable {
    cursor: pointer;
}

@media only screen and (min-width: 661px) {
    .floats {
        margin-top: 1em;
    }

        .floats.right {
            margin-left: 10px;
            float: right;
        }

        .floats.left {
            margin-right: 10px;
            float: left;
        }

    .columns:after {
        display: block;
        clear: both;
        content: " ";
    }

    .columns .column {
        float: left;
        width: 50%;
    }

        .columns .column.odd {
            clear: left;
        }

    .columns.spaced.narrow .column {
        padding-left: 10px;
        padding-right: 10px;
    }

    .columns.spaced .column {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px;
    }

        .columns.spaced .column.first {
            padding-left: 0;
        }

        .columns.spaced .column.last {
            padding-right: 0;
        }

    .columns .columns {
        clear: both;
        overflow: hidden;
    }
}

@media only screen and (min-width: 1001px) {
    body {
        padding-top: 10px;
    }

    .columns .column.odd {
        clear: none;
    }

    .columns.three .column {
        width: 33.33%;
    }

    .columns.four .column {
        width: 25%;
    }
}

.content-container, .breadcrumbs, main {
    clear: both;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

    .content-container:after, .breadcrumbs:after, main:after {
        display: block;
        clear: both;
        content: " ";
    }

    .content-container > .content, .breadcrumbs > .content, main > .content {
        padding-left: 10px;
        padding-right: 10px;
    }

@media only screen and (min-width: 661px) {
    .content-container, .breadcrumbs, main {
        width: 640px;
    }
}

@media only screen and (min-width: 1001px) {
    .content-container, .breadcrumbs, main {
        width: 960px;
    }

        .content-container.indented > * {
            margin-left: 80px !important;
        }
}

@media only screen and (min-width: 1151px) {
    .content-container, .breadcrumbs, main {
        width: 1120px;
    }
}

.grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-12 {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.grid-3 {
    width: 220px;
}

.grid-4 {
    width: 300px;
}

.grid-5 {
    width: 380px;
}

.grid-6 {
    width: 460px;
}

.grid-7 {
    width: 540px;
}

.grid-8 {
    width: 620px;
}

.grid-9 {
    width: 700px;
}

.grid-12 {
    width: 940px;
}

.breadcrumbs {
    font-size: 0.92857em;
    color: #001a73;
}

    .breadcrumbs p {
        margin-top: 20px;
        margin-left: 30px;
    }

    .breadcrumbs a {
        text-decoration: none;
        color: #001a73;
    }

        .breadcrumbs a:after {
            padding: 0 2px;
            vertical-align: middle;
            font-size: 1.385em;
        }

        .breadcrumbs a.last:after {
            content: '';
        }

main {
    margin-top: 30px;
}

    main.unconstrained {
        margin-top: 0;
        width: auto;
    }

.secondary {
    clear: right;
    margin-top: 1em;
}

    .secondary.container {
        display: block;
        padding: 0 10px;
    }

.beam {
    background-color: #f0f0ec;
    padding: 30px 0;
}

    .beam .page-title {
        margin-bottom: 0;
    }

.content {
    margin-left: 20px;
    margin-right: 20px;
}

    .content.text {
        max-width: 620px;
    }

    .content > h2:first-child {
        margin-top: 0;
    }

.narrow-content {
    margin-left: 10px;
    margin-right: 10px;
}

.offset {
    margin-top: 20px;
    margin-bottom: 20px;
}

.grid {
    padding-left: 10px;
    padding-right: 10px;
}

.sub-menu {
    font-size: 0.92857em;
}

    .sub-menu .parent-level {
        margin-right: 20px;
        border-bottom: 1px solid #b1b1b1;
        padding-bottom: 15px;
    }

        .sub-menu .parent-level a {
            position: relative;
            padding-left: 12px;
            font-weight: normal;
        }

            .sub-menu .parent-level a:before {
                position: absolute;
                left: -3px;
                line-height: 1.1;
                font-size: 1.385em;
            }

    .sub-menu h1 {
        margin: 22px 20px 22px 0;
    }

        .sub-menu h1 a {
            padding: 0;
            font-weight: normal;
        }

    .sub-menu a {
        display: block;
        padding-left: 15px;
        text-decoration: none;
        color: #001a73;
    }

        .sub-menu a.active {
            font-weight: bold;
            color: #ed8c00;
        }

        .sub-menu a:hover {
            color: #ed8c00;
        }

    .sub-menu .menu-toggle:before {
        position: absolute;
        left: 0;
        text-indent: 0;
    }

    .sub-menu .menu-toggle {
        display: block;
        position: relative;
        top: -1.5em;
        float: left;
        text-indent: -9999em;
    }

        .sub-menu .menu-toggle:before {
            line-height: 2;
            font-size: 0.8em;
        }

    .sub-menu > ol {
        border-top: 1px solid #e6e6e6;
        margin-right: 20px;
    }

        .sub-menu > ol > li {
            padding: 10px 0;
        }

    .sub-menu ol li {
        border-bottom: 1px solid #e6e6e6;
    }

    .sub-menu ol ol {
        margin-left: 15px;
        font-size: 0.92308em;
    }

        .sub-menu ol ol li {
            padding: 3px 0;
            border: 0;
        }

            .sub-menu ol ol li:first-child {
                margin-top: 3px;
            }

        .sub-menu ol ol a {
            font-weight: normal;
        }

@media only screen and (max-width: 660px) {
    .grid-3 {
        float: none;
        width: auto;
    }

    .grid-4 {
        float: none;
        width: auto;
    }

    .grid-5 {
        float: none;
        width: auto;
    }

    .grid-6 {
        float: none;
        width: auto;
    }

    .grid-7 {
        float: none;
        width: auto;
    }

    .grid-8 {
        float: none;
        width: auto;
    }

    .grid-9 {
        float: none;
        width: auto;
    }

    .grid-12 {
        float: none;
        width: auto;
    }

    .portrait-hidden {
        position: absolute;
        left: -999999em;
    }
}

@media only screen and (min-width: 661px) and (max-width: 1000px) {
    .portrait-4, .portrait-6, .portrait-7, .portrait-8 {
        float: left;
        margin-left: 10px;
        margin-right: 10px;
    }

    .portrait-centered {
        clear: both;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .portrait-hidden {
        position: absolute;
        left: -999999em;
    }

    .portrait-4 {
        width: 300px;
    }

    .portrait-6 {
        width: 460px;
    }

    .portrait-7 {
        width: 540px;
    }

    .portrait-8 {
        width: 620px;
    }

    .grid-9 {
        max-width: 620px;
    }

    .grid-12 {
        max-width: 620px;
    }
}

@media only screen and (min-width: 661px) {
    .centered-6, .centered-8 {
        clear: both;
        margin: 0 auto;
    }

    .centered-6 {
        width: 460px;
    }

    .centered-8 {
        width: 620px;
    }

    .secondary.container {
        padding: 0;
    }
}

@media only screen and (min-width: 1001px) {
    .landscape-3 {
        float: left;
        margin-left: 10px;
        margin-right: 10px;
    }

    .landscape-3 {
        width: 220px;
    }

    .push-3 {
        margin-left: 250px;
    }

    .container {
        display: table;
    }

    .secondary {
        float: right;
        margin-top: 0;
    }

    .breadcrumbs {
        display: none;
    }
}

@media only screen and (min-width: 1151px) {
    .desktop-4 {
        width: 300px;
    }

    .desktop-6 {
        width: 460px;
    }

    .desktop-7 {
        width: 540px;
    }

    .desktop-8 {
        width: 620px;
    }

    .desktop-10 {
        width: 780px;
    }

    .desktop-11 {
        width: 860px;
    }

    .desktop-12 {
        width: 940px;
    }

    .desktop-14 {
        width: 1100px;
    }
}

main.test, .content-container.test {
    background-image: url('../img/tests/grid.png?1393243612');
}

.block {
    margin-bottom: 20px;
    border: 1px solid #e6e6e6;
    padding: 15px 20px;
    font-size: 0.92857em;
}

    .block .title {
        margin: 0 0 0.8em;
        font-size: 1.84615em;
    }

        .block .title.smaller {
            margin-bottom: 10px;
            font-size: 1.53846em;
        }

        .block .title.section {
            font-size: 1.53846em;
            color: #ed8c00;
        }

        .block .title.emphasized {
            margin-bottom: 25px;
            line-height: 2;
            font-size: 1.30769em;
        }

            .block .title.emphasized em {
                padding-right: 3px;
                vertical-align: top;
                line-height: 1;
                font-style: normal;
                font-size: 2.94118em;
            }

        .block .title.with-icons {
            float: left;
        }

    .block .title-icons {
        margin: 0 0 8px;
        text-align: right;
    }

    .block .header-image.hero {
        margin-bottom: 0.5em;
    }

    .block li {
        margin: 0.7em 0;
    }

    .block.outer {
        overflow: hidden;
        padding: 0;
    }

    .block.inline {
        float: right;
        margin-bottom: 1em;
        font-size: 1em;
    }

        .block.inline h1 {
            line-height: 1.2;
            font-size: 1.69231em;
        }

@media only screen and (min-width: 1001px) {
    .block.inline {
        float: none;
        margin: 0;
    }
}

.block.simple {
    margin-bottom: 0;
    border: 0;
    padding: 0;
}

    .block.simple .title {
        margin-bottom: 10px;
    }

.block.border-less {
    border: 0;
}

.block.full {
    margin-left: 20px;
    margin-right: 20px;
}

@media only screen and (min-width: 661px) {
    .block.full {
        position: relative;
        left: 20px;
        margin-left: 0;
        margin-right: 0;
    }
}

.block.related {
    margin-top: 40px;
}

    .block.related .title {
        margin-bottom: 15px;
        color: #ed8c00;
    }

.block.image {
    position: relative;
    border: 0;
    padding: 0;
}

    .block.image > .title {
        position: absolute;
        z-index: 1;
        top: 15px;
        left: 20px;
    }

        .block.image > .title.section {
            color: #fff;
        }

    .block.image .image {
        position: relative;
        margin: 0 0 10px 0;
        overflow: hidden;
        line-height: 0;
    }

    .block.image .block {
        -webkit-border-radius: 0 0 0 10px;
        -moz-border-radius: 0 0 0 10px;
        -ms-border-radius: 0 0 0 10px;
        -o-border-radius: 0 0 0 10px;
        border-radius: 0 0 0 10px;
    }

@media only screen and (min-width: 1001px) {
    .block.image .positioned {
        position: absolute;
        top: 20px;
        left: 20px;
        margin: 0;
    }

        .block.image .positioned.bottom {
            top: auto;
            bottom: 20px;
        }

    .block.image .block {
        padding: 10px 15px;
        -webkit-border-radius: 10px 10px 0 10px;
        -moz-border-radius: 10px 10px 0 10px;
        -ms-border-radius: 10px 10px 0 10px;
        -o-border-radius: 10px 10px 0 10px;
        border-radius: 10px 10px 0 10px;
    }
}

.secondary .block {
    margin-left: 10px;
    margin-right: 10px;
}

.beam .block {
    background-color: #fff;
}

.block.form {
    margin-top: 30px;
}

.secondary .block.form {
    margin-top: 0;
}

.block.form .title {
    color: #001a73;
}

.block footer {
    clear: both;
}

@media only screen and (min-width: 1001px) {
    .secondary .block {
        margin-left: 0;
        margin-right: 0;
    }

        .secondary .block.related {
            margin-top: 0;
        }
}

.direct-actions {
    border: 0;
    background-color: #ed8c00;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U0NTEyMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZjYmExYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #e45123), color-stop(100%, #fcba1a));
    background-image: -webkit-linear-gradient(top left, #e45123,#fcba1a);
    background-image: -moz-linear-gradient(top left, #e45123,#fcba1a);
    background-image: -o-linear-gradient(top left, #e45123,#fcba1a);
    background-image: linear-gradient(top left, #e45123,#fcba1a);
    color: #fff;
}

    .direct-actions .title, .direct-actions h1, .direct-actions h2, .direct-actions h3, .direct-actions .form legend, .form .direct-actions legend, .secondary .direct-actions .title, .direct-actions a {
        color: #fff;
    }

        .direct-actions .title.subtitled {
            margin-bottom: 10px;
            font-size: 2.30769em;
            color: #fff;
        }

            .direct-actions .title.subtitled em {
                display: block;
                font-style: normal;
                color: #001a73;
            }

            .direct-actions .title.subtitled.smaller {
                font-size: 1.69231em;
            }

    .direct-actions .buttons p, .direct-actions .buttons .button {
        margin-bottom: 5px;
    }

    .direct-actions .button.link {
        color: #fff;
    }

    .direct-actions .button.inverted {
        border: 0;
    }

    .direct-actions .separated {
        position: relative;
        margin: 20px 0 0;
        border: 1px solid rgba(0,0,0,0.2);
        border-width: 1px 0 0;
        overflow: hidden;
        padding-top: 20px;
    }

        .direct-actions .separated:after {
            top: -10px;
        }

    .direct-actions .links a {
        color: #fff;
    }

        .direct-actions .links a:hover {
            color: #001a73;
        }

@media only screen and (min-width: 410px) and (max-width: 1000px) {
    .direct-actions .content {
        display: table;
    }

    .direct-actions .section {
        display: table-cell;
        width: 50%;
        padding: 0 4%;
    }

        .direct-actions .section.first {
            padding-left: 0;
        }

        .direct-actions .section.last {
            padding-right: 0;
        }

    .direct-actions .separated {
        border-top: 0;
        border-left-width: 1px;
    }

        .direct-actions .separated:after {
            top: 0;
            left: -10px;
            right: auto;
            bottom: 0;
            height: auto;
            width: 10px;
        }
}

.business-actions {
    border: 0;
    -webkit-box-shadow: inset 1px 1px 5px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 1px 1px 5px 1px rgba(0,0,0,0.2);
    box-shadow: inset 1px 1px 5px 1px rgba(0,0,0,0.2);
    background-color: #f0f0ec;
}

    .business-actions .title {
        margin-bottom: 0.5em;
        color: #001a73;
    }

    .business-actions .subtitled {
        position: relative;
        padding-top: 50px;
    }

        .business-actions .subtitled .subtitle {
            position: absolute;
            top: 0;
            width: 100%;
            border-bottom: 2px solid #878782;
            padding-bottom: 3px;
            font-size: 1.38462em;
            color: #868681;
        }

    .business-actions .header-image {
        margin-bottom: 10px;
    }

.block.overview {
    border: 0;
    -webkit-box-shadow: inset 1px 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 1px 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: inset 1px 0 1px 1px rgba(0,0,0,0.1);
    background-color: #f0f0ec;
}

    .block.overview .title {
        margin-top: 0;
        font: bold 1em/1.5 Arial,Helvetica,sans-serif;
    }

    .block.overview .collapsible-toggle:before {
        top: 1px;
    }

.media-block {
    padding: 0 20px;
    font-size: 0.92857em;
}

.block .media-block {
    padding: 0;
}

.media-block .header-image {
    margin: 3em 0 0;
    line-height: 100px;
}

    .media-block .header-image img {
        vertical-align: middle;
    }

@media only screen and (min-width: 661px) {
    .media-block .header-image {
        margin-top: 20px;
    }

        .media-block .header-image.larger {
            line-height: 130px;
        }
}

.media-block .highlighted-content {
    margin: 0;
    overflow: hidden;
    background-color: #ed8c00;
    padding: 0 20px;
    color: #fff;
}

    .media-block .highlighted-content.narrow-content {
        padding: 0 10px;
    }

    .media-block .highlighted-content h2 {
        color: #fff;
    }

    .media-block .highlighted-content .button {
        color: #fff;
    }

.media-block .title {
    margin-top: 10px;
}

.media-block .description {
    margin-bottom: 0.5em;
}

.media-block.left-image .header-image {
    margin-top: 5px;
    margin-bottom: 10px;
}

.media-block.left-image .title {
    margin: 0 0 0.5em;
    font-size: 1.42857em;
}

.media-block.left-image .content {
    margin: 0;
}

    .media-block.left-image .content p {
        margin-bottom: 0.5em;
    }

.media-block.quote blockquote {
    margin: 0.5em 0 0;
    line-height: 1.3;
    font-size: 1.38462em;
    color: #001a73;
}

    .media-block.quote blockquote p {
        margin: 0 0 1em;
    }

        .media-block.quote blockquote p:before, .media-block.quote blockquote p:after {
            padding-right: 3px;
            vertical-align: middle;
            line-height: 0.5;
            font-size: 1.66667em;
            content: "\201C";
        }

        .media-block.quote blockquote p:after {
            padding: 0 0 0 3px;
            content: "\201D";
        }

.media-block.quote cite {
    font-weight: bold;
    font-style: normal;
}

    .media-block.quote cite .author-info {
        display: block;
        font-weight: normal;
    }

@media only screen and (min-width: 661px) {
    .media-block {
        padding: 0;
    }

        .media-block.left-image .header-image {
            float: left;
            margin: 0;
        }

        .media-block.left-image .content {
            margin-left: 220px;
        }
}

.index-block {
    position: relative;
    max-width: 440px;
    padding: 0 10px;
}

    .index-block .header-image {
        margin: 0;
        line-height: 0;
    }

        .index-block .header-image img {
            -webkit-border-radius: 10px 10px 0 0;
            -moz-border-radius: 10px 10px 0 0;
            -ms-border-radius: 10px 10px 0 0;
            -o-border-radius: 10px 10px 0 0;
            border-radius: 10px 10px 0 0;
        }

    .index-block header {
        position: relative;
        top: -37px;
    }

        .index-block header .title {
            position: relative;
            width: 126px;
            background-color: #ed8c00;
            padding: 6px 12px;
        }

            .index-block header .title:hover {
                background-color: #001a73;
            }

        .index-block header a {
            display: block;
            line-height: 1.2;
            text-decoration: none;
            color: #fff;
        }

            .index-block header a:after {
                display: block;
                font-size: 1.5em;
            }

    .index-block .content {
        position: relative;
        margin: 0 0 40px;
        border: 1px solid #e6e6e6;
        border-top-width: 0;
        -moz-border-radius-bottomleft: 10px;
        -webkit-border-bottom-left-radius: 10px;
        border-bottom-left-radius: 10px;
        background-color: #fff;
        min-height: 230px;
        padding: 0 20px;
    }

        .index-block .content h2 {
            margin: 0 0 10px;
            font-size: 1.231em;
        }

        .index-block .content.business-actions {
            background-color: #f0f0ec;
        }

    .index-block .button {
        margin-bottom: 0;
    }

@media only screen and (min-width: 1001px) {
    .index-block {
        max-width: none;
    }

        .index-block header {
            position: absolute;
            left: 30px;
            margin: 0 0 20px;
        }

        .index-block .content {
            padding: 25px 20px 0 200px;
        }

        .index-block .buttons {
            min-height: 3.5em;
        }
}

.landing-block {
    position: relative;
}

    .landing-block .picto {
        margin: 20px 0 0 19px;
        float: left;
    }

    .landing-block .content {
        min-height: 90px;
        border-bottom: 1px solid #e6e6e6;
        padding: 15px 15px 0 75px;
    }

    .landing-block .title {
        margin: 0;
    }

        .landing-block .title .button {
            padding: 0 1.2em 0 0;
            font: inherit;
            color: #001a73;
        }

            .landing-block .title .button:after {
                line-height: 1.2;
                font-size: 22px;
            }

    .landing-block h3, .landing-block .form legend, .form .landing-block legend {
        margin: 0 0 10px;
    }

    .landing-block .children {
        margin-top: 10px;
        border-bottom: 1px solid #e6e6e6;
        padding-left: 85px;
    }

    .landing-block p {
        margin-bottom: 0;
    }

    .landing-block.clickable .content:hover {
        background-color: #f8f1e7;
        cursor: pointer;
    }

        .landing-block.clickable .content:hover .title a {
            color: #ed8c00;
        }

    .landing-block.has-children .content {
        min-height: 90px;
        border-bottom: 0;
        padding-bottom: 15px;
    }

    .landing-block .hero {
        margin-top: 10px;
        -webkit-border-radius: 10px 10px 0 0;
        -moz-border-radius: 10px 10px 0 0;
        -ms-border-radius: 10px 10px 0 0;
        -o-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
        vertical-align: middle;
    }

    .landing-block .block {
        margin-left: 0;
        margin-right: 0;
        -webkit-border-radius: 0 0 10px 0;
        -moz-border-radius: 0 0 10px 0;
        -ms-border-radius: 0 0 10px 0;
        -o-border-radius: 0 0 10px 0;
        border-radius: 0 0 10px 0;
    }

        .landing-block .block .description {
            margin-bottom: 1em;
        }

@media only screen and (min-width: 661px) {
    .landing-block.even {
        float: right;
    }

    .landing-block .content {
        min-height: 160px;
    }

    .landing-block .children {
        min-height: 210px;
    }

    .landing-block .hero {
        margin-left: 10px;
        -webkit-border-radius: 10px 10px 0 10px;
        -moz-border-radius: 10px 10px 0 10px;
        -ms-border-radius: 10px 10px 0 10px;
        -o-border-radius: 10px 10px 0 10px;
        border-radius: 10px 10px 0 10px;
    }

    .landing-block .block {
        -webkit-border-radius: 10px 10px 0 10px;
        -moz-border-radius: 10px 10px 0 10px;
        -ms-border-radius: 10px 10px 0 10px;
        -o-border-radius: 10px 10px 0 10px;
        border-radius: 10px 10px 0 10px;
        position: absolute;
        top: 40px;
        left: 30px;
        width: 40%;
        min-width: 140px;
    }
}

@media only screen and (min-width: 1001px) {
    .landing-block .content {
        min-height: 130px;
    }

    .landing-block .children {
        min-height: 204px;
    }
}

.page-title .title, .page-title h1 {
    margin-bottom: 0.1em;
    font-size: 2.85714em;
    line-height: 1;
}

.page-title .subtitle {
    margin: 0 0 20px;
    line-height: 1.2;
    font-size: 2.14286em;
    color: #ed8c00;
    z-index: 5;
}

.page-title .steps {
    font-size: 0.71429em;
    margin: 9px 0 0;
    float: right;
}

.page-title .back-link {
    margin-bottom: 15px;
}

    .page-title .back-link a {
        text-decoration: none;
        color: #001a73;
    }

        .page-title .back-link a:before {
            vertical-align: middle;
            font-size: 18px;
        }

.page-title .introduction {
    margin-top: 20px;
}

.page-title.smaller {
    margin-bottom: 10px;
}

.date {
    padding-right: 5px;
    font-weight: bold;
    font-size: 0.92857em;
}

.introduction {
    margin-bottom: 30px;
    font-size: 1.28571em;
}

    .introduction img {
        float: left;
        margin: 0.5em 20px 0 0;
    }

@media only screen and (max-width: 400px) {
    .introduction img {
        display: block;
        float: none;
    }
}

.shift-headings h1, .shift-headings .page-title .title {
    font-size: 2.14286em;
}

.shift-headings .page-title .subtitle {
    font-size: 1.71429em;
}

.shift-headings h2 {
    margin: 1.2em 0 0.18em;
    font-size: 1.5em;
}

.hero-image {
    position: relative;
    clear: both;
    margin-bottom: 40px;
    padding: 0 10px;
}

    .hero-image:after {
        display: block;
        clear: both;
        content: " ";
    }

    .hero-image img.hero {
        -webkit-border-radius: 10px 10px 0 0;
        -moz-border-radius: 10px 10px 0 0;
        -ms-border-radius: 10px 10px 0 0;
        -o-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
        float: left;
    }

    .hero-image .subtitle {
        margin: 30px 0 0 30px;
        max-width: 540px;
        color: #001a73;
    }

    .hero-image .block {
        clear: both;
        left: auto;
        top: auto;
        float: none;
        margin: 0;
        background-color: #f0f0ec;
        padding: 15px 0;
    }

        .hero-image .block .title, .hero-image .block h3, .hero-image .block .form legend, .form .hero-image .block legend {
            margin: 0 0 15px;
        }

        .hero-image .block .title {
            margin-bottom: 1em;
        }

            .hero-image .block .title.subtitled {
                margin-bottom: 5px;
            }

        .hero-image .block .buttons {
            margin-top: 1em;
        }

        .hero-image .block .button {
            margin-bottom: 10px;
        }

        .hero-image .block .separated {
            border-bottom: 0;
        }

            .hero-image .block .separated:after {
                z-index: 0;
            }

@media only screen and (max-width: 1000px) {
    .hero-image .block {
        width: auto;
        -webkit-border-radius: 0 0 0 10px;
        -moz-border-radius: 0 0 0 10px;
        -ms-border-radius: 0 0 0 10px;
        -o-border-radius: 0 0 0 10px;
        border-radius: 0 0 0 10px;
    }
}

.intro-block .title {
    margin-bottom: 0.4em;
}

.overview .header-image {
    float: left;
    margin: 5px 0 0 0;
    width: 120px;
}

.overview .item .title {
    font-size: 1.42857em;
}

    .overview .item .title a {
        text-decoration: none;
        color: #001a73;
    }

.overview .item .title, .overview .item .date {
    margin-top: 0;
    margin-bottom: 10px;
}

.overview .item .content {
    border-bottom: 1px solid #e6e6e6;
    padding: 15px 0 25px;
}

.overview .item .text {
    margin-left: 135px;
}

.overview .item .description {
    margin-bottom: 0;
}

.overview .item.clickable:hover {
    background-color: #f0f0ec;
}

.overview-icons {
    float: right;
    margin: 22px 0 0;
}

.inline-navigation {
    margin-top: 30px;
    margin-bottom: 30px;
}

    .inline-navigation .content {
        position: relative;
        padding-bottom: 30px;
        background-color: #fff;
    }

    .inline-navigation .title, .inline-navigation .items {
        display: inline-block;
        vertical-align: middle;
    }

    .inline-navigation .title {
        margin-right: 25px;
        font-size: 1.14286em;
        color: #444;
    }

    .inline-navigation li {
        float: left;
        margin: 0 5px 5px 0;
    }

    .inline-navigation a {
        display: block;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        background-color: #b4b4ae;
        padding: 5px 20px 8px;
        text-decoration: none;
        font-size: 1.28571em;
        color: #fff;
    }

        .inline-navigation a.active, .inline-navigation a:hover {
            background-color: #ed8c00;
        }

.social-media-sharing {
    margin-bottom: 30px;
    overflow: hidden;
}

    .social-media-sharing .medium {
        float: left;
        padding-right: 10px;
    }

.teaser {
    font-size: 1.07143em;
}

.redirects {
    margin-bottom: 30px;
    border-left: 2px solid #ed8c00;
    padding-left: 20px;
}

    .redirects p {
        margin: 0 0 1em;
    }

@media only screen and (min-width: 661px) {
    .redirects p {
        margin-bottom: 0.5em;
    }
}

.article-information {
    margin-top: 2.5em;
    border-top: 1px solid #e6e6e6;
    font-style: italic;
}

.buttons {
    clear: both;
    margin-top: 0;
    margin-bottom: 0;
}

    .buttons .button, .buttons p {
        margin-bottom: 1em;
    }

    .buttons .button {
        margin-right: 0.5em;
    }

        .buttons .button.large {
            margin-right: 20px;
        }

.list {
    margin-bottom: 1em;
}

    .list li {
        margin-bottom: 0.5em;
    }

.links li {
    margin-bottom: 7px;
    line-height: 1.3;
}

.links a {
    display: block;
    position: relative;
    padding-left: 20px;
    text-decoration: none;
    color: #393939;
}

    .links a:before {
        position: absolute;
        left: 0;
        padding-right: 4px;
        vertical-align: middle;
        font-size: 1.1em;
    }

    .links a:hover {
        color: #ed8c00;
        text-decoration: underline;
    }

.links.highlighted a {
    color: #ed8c00;
    text-decoration: underline;
}

    .links.highlighted a:hover {
        text-decoration: none;
    }

.links.column li {
    margin-right: 20px;
    margin-bottom: 12px;
}

.inline li {
    display: inline-block;
    margin-right: 2em;
}

    .inline li:last-child {
        margin-right: 0;
    }

.inline.narrow li {
    margin-right: 5px;
}

    .inline.narrow li:last-child {
        margin-right: 0;
    }

.check-marks li {
    position: relative;
    margin-bottom: 1em;
    padding-left: 1.8em;
}

    .check-marks li:before {
        position: absolute;
        left: 0;
        line-height: 1.3;
        font-size: 1.4em;
        color: #ed8c00;
    }

dl.date-list .date {
    float: left;
    width: 75px;
    padding: 0;
}

dl.date-list .link {
    margin: 0 0 10px 75px;
}

dl.date-list a {
    text-decoration: none;
    color: #444;
}

    dl.date-list a:hover {
        text-decoration: underline;
        color: #ed8c00;
    }

.top-list {
    padding-left: 25px;
    font-size: 1.38462em;
    color: #ed8c00;
}

    .top-list li {
        margin: 0;
    }

    .top-list a {
        text-decoration: none;
        font: 0.72222em Arial,Helvetica,sans-serif;
        color: #444;
    }

        .top-list a:hover {
            text-decoration: underline;
        }

.category-links {
    margin-bottom: 20px;
}

    .category-links h2, .category-links h3, .category-links .form legend, .form .category-links legend {
        margin: 0;
        font-size: 1.28571em;
    }

    .category-links .link {
        text-decoration: none;
        color: #001a73;
    }

    .category-links .category {
        padding: 15px 10px;
    }

        .category-links .category .description {
            margin: 5px 0;
            color: #888887;
        }

        .category-links .category:hover {
            background-color: #e3e3dc;
        }

            .category-links .category:hover .link {
                text-decoration: underline;
                color: #ed8c00;
            }

.business-label:before {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 66px;
    height: 22px;
    background: url('../img/icons/icon-business.png?1391510004') no-repeat left top;
    content: " ";
}

.business-label.title:before {
    margin-top: -6px;
}

.share-price .price {
    margin: 0;
}

.share-price .positive {
    color: #6c9d53;
}

.share-price .negative {
    color: #d52b1e;
}

.strong {
    font-size: 1.14286em;
    color: #001a73;
}

.tabs .tab {
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    margin-right: 3px;
    border: 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    background-color: #dcdcd7;
    font-size: 1.28571em;
}

    .tabs .tab:after {
        z-index: 0;
        bottom: -10px;
    }

    .tabs .tab a {
        display: block;
        padding: 10px 20px;
        text-decoration: none;
        color: #666;
    }

    .tabs .tab img {
        display: block;
    }

    .tabs .tab .subtitle {
        display: table;
        min-height: 3.5em;
        white-space: normal;
        font: 0.72222em Arial,Helvetica,sans-serif;
        color: #80807e;
    }

    .tabs .tab.active a {
        color: #ed8c00;
    }

    .tabs .tab.active:after {
        display: none;
    }

    .tabs .tab.active .subtitle {
        color: #444;
    }

.tabs.two .tab {
    width: 45%;
    max-width: 300px;
}

@media only screen and (min-width: 500px) {
    .tabs .tab img {
        display: inline-block;
        float: left;
        margin-right: 10px;
    }
}

.tab-content, .tab.active {
    background-color: #f0f0ec;
}

.tab-content {
    overflow: hidden;
}

.quadia-video iframe {
    border: 0;
    overflow: hidden;
}

.beam .title {
    margin-bottom: 10px;
}

.beam .killer-app {
    left: 0;
    margin-bottom: 0;
}

.beam .killer-apps.columns .column {
    margin-bottom: 0;
}

.pagination {
    margin-bottom: 30px;
    text-align: center;
}

    .pagination li {
        display: inline-block;
        margin-right: 4px;
    }

    .pagination a, .pagination .current {
        display: inline-block;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        padding: 2px 5px;
    }

    .pagination a {
        text-decoration: none;
        color: #444;
    }

        .pagination a:hover {
            background-color: #f0f0ec;
        }

    .pagination .current {
        background-color: #ed8c00;
        color: #fff;
    }

    .pagination li, .pagination a {
        vertical-align: top;
    }

    .pagination .next a, .pagination .previous a {
        overflow: hidden;
        width: 1.2em;
        height: 1.5em;
    }

        .pagination .next a:before, .pagination .previous a:before {
            line-height: 0.95;
            font-size: 1.57143em;
        }

.promo-label {
    position: absolute;
    margin: -6px -6px 0 0;
    top: 0;
    right: 0;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none;
}

.promo-banner {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    background-color: #e22914;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyMjkxNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QzMjcxMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #e22914), color-stop(100%, #d32712));
    background-image: -webkit-linear-gradient(top left, #e22914,#d32712);
    background-image: -moz-linear-gradient(top left, #e22914,#d32712);
    background-image: -o-linear-gradient(top left, #e22914,#d32712);
    background-image: linear-gradient(top left, #e22914,#d32712);
    line-height: 80px;
    text-align: center;
    color: #fff;
}

    .promo-banner.positioned {
        position: absolute;
    }

        .promo-banner.positioned.top {
            top: 0;
        }

        .promo-banner.positioned.right {
            right: 20px;
        }

    .promo-banner.floats {
        margin-top: -0.5em;
    }

    .promo-banner .text {
        -webkit-transition: -webkit-transform 1s ease;
        -moz-transition: -moz-transform 1s ease;
        -o-transition: -o-transform 1s ease;
        transition: transform 1s ease;
        position: relative;
        display: inline-block;
        margin-top: -3px;
        vertical-align: middle;
        line-height: 1.2;
        font-weight: normal;
        font-size: 15px;
    }

.has-promo-banner {
    position: relative;
}

.executive-testimonial {
    position: relative;
    margin-top: 30px;
    background-color: #ed8c00;
    padding-bottom: 0;
}

    .executive-testimonial .testimonial {
        width: auto;
        color: #fff;
    }

    .executive-testimonial blockquote {
        margin-bottom: 0;
        background-repeat: no-repeat;
        background-position: left bottom;
        padding: 0 0 30px 0;
    }

    .executive-testimonial cite {
        display: block;
        padding-left: 10px;
        font-size: 1.07143em;
        font-style: normal;
    }

    .executive-testimonial .buttons {
        position: absolute;
        bottom: 10px;
        white-space: pre-line;
    }

        .executive-testimonial .buttons .button {
            margin-bottom: 0.5em;
        }

    .executive-testimonial.chairman blockquote {
        background-image: url('../img/employees/h.verhagen.png?1391065891');
        padding-bottom: 360px;
    }

.world-map {
    margin-bottom: 30px;
    background: #f0f0ec url('../img/content/world-map.png?1391771089') no-repeat center top;
    background-size: auto 465px;
    padding: 420px 0 30px;
}

    .world-map .content {
        margin-top: 60px;
    }

.comparison {
    margin: 50px 10px 30px;
    background-color: #f0f0ec;
    padding: 10px 20px;
}

    .comparison .title {
        margin-bottom: 1em;
        font-size: 1.71429em;
    }

    .comparison .columns {
        margin-bottom: 20px;
    }

    .comparison .content {
        margin: 10px 7px 30px 7px;
        border: 1px solid #e6e6e6;
        background-color: #fff;
    }

    .comparison .block {
        position: relative;
        margin: -10px 0 0;
        background-image: none;
    }

        .comparison .block .title {
            margin-top: 0;
        }

            .comparison .block .title.subtitled {
                font-size: 1.84615em;
            }

                .comparison .block .title.subtitled em {
                    font-size: 0.75em;
                }

        .comparison .block .buttons {
            margin: 0;
        }

    .comparison .line {
        display: block;
    }

    .comparison .introduction {
        line-height: 1.2;
        font-size: 1.23077em;
    }

    .comparison .feature, .comparison .collapsible-features .buttons {
        margin: 0 15px 20px;
    }

    .comparison .feature {
        border-bottom: 1px solid #e6e6e6;
        font-size: 0.92857em;
    }

        .comparison .feature:first-child {
            margin-top: 20px;
        }

        .comparison .feature .title {
            margin: 0 0 0.5em;
            font-size: 1.38462em;
        }

    .comparison .has-promo-banner {
        color: #d42b1e;
    }

    .comparison .buttons {
        margin-bottom: 0;
    }

    .comparison .toggle {
        display: block;
        margin: 0 20px;
        border-top: 1px solid #e6e6e6;
        padding: 5px 0;
        text-decoration: none;
        color: #444;
    }

        .comparison .toggle:before {
            padding-right: 0.5em;
            vertical-align: middle;
        }

        .comparison .toggle.toggled {
            border-top: 0;
        }

@media only screen and (max-width: 660px) {
    .comparison .row {
        min-height: 0 !important;
    }
}

@media only screen and (min-width: 661px) and (max-width: 1000px) {
    .comparison .column {
        margin-bottom: 20px;
    }

        .comparison .column.last .content {
            margin-right: 14px;
            margin-left: 0;
        }
}

@media only screen and (min-width: 661px) {
    .executive-testimonial blockquote {
        padding-left: 175px;
        padding-bottom: 0;
    }

    .executive-testimonial .buttons {
        position: static;
    }

    .executive-testimonial.chairman blockquote {
        min-height: 330px;
        padding-bottom: 30px;
    }

    .world-map {
        background-position: right top;
        background-size: auto;
    }

    .comparison .content {
        margin-bottom: 0;
    }

    .comparison .first .content {
        margin-left: 0;
        margin-right: 14px;
    }

    .comparison .last .content {
        margin-left: 14px;
        margin-right: 0;
    }

    .comparison .block .buttons {
        position: absolute;
        right: 20px;
        left: 20px;
        bottom: 20px;
    }

    .comparison .resizing .block .buttons {
        position: static;
    }

    .comparison .toggle {
        display: none;
    }

    .tabs .tab .subtitle {
        min-height: 0;
    }
}

@media only screen and (min-width: 1001px) {
    .world-map {
        height: 520px;
        padding: 0;
    }

    .no-backgroundsize .world-map {
        height: 500px;
    }

    .separated {
        position: relative;
    }

        .separated:after {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            border-right: 1px solid #e6e6e6;
            content: " ";
        }

    .buttons .button.large {
        margin-right: 0;
    }

    .hero-image img.hero {
        -webkit-border-radius: 10px 10px 0 10px;
        -moz-border-radius: 10px 10px 0 10px;
        -ms-border-radius: 10px 10px 0 10px;
        -o-border-radius: 10px 10px 0 10px;
        border-radius: 10px 10px 0 10px;
    }

    .hero-image .block {
        position: absolute;
        top: 20px;
        left: 30px;
        margin: 0;
    }

        .hero-image .block.bottom {
            top: auto;
            bottom: -20px;
        }

        .hero-image .block.right {
            left: auto;
            right: 30px;
        }
}

.form {
    background-color: #f0f0ec;
    padding: 20px 20px 30px 20px;
    margin-bottom:45px;
}

    .form.outer {
        padding: 0;
    }

    .form fieldset {
        margin: 0 0 20px;
        border: 0;
        padding: 0;
    }

    .form legend {
        margin-bottom: 10px;
    }

    .form h2, .form h3, .form legend {
        margin-top: 0;
    }

    .form dl.summary {
        margin: 0 0 10px;
    }

        .form dl.summary dd {
            margin: 0 0 10px 0;
            font-weight: bold;
        }

    .form .form-row {
        margin-bottom: 15px;
        max-width: 650px;
    }

    .form .form-subtitle {
        margin-top: 40px;
        margin-bottom: 20px;
    }

        .form .form-subtitle:first-child {
            margin-top: 0;
        }

        .form .form-subtitle h3, .form .form-subtitle legend, .form .form-subtitle a {
            margin: 0;
            padding-right: 0;
        }

    .form a.modify {
        position: relative;
        float: right;
        margin-top: 0.8em;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 14px;
        font-weight: normal;
    }

    .form .label {
        display: block;
        margin-bottom: 0.3em;
    }

        .form .label.large {
            margin: 0 10px 6px 0;
            width: auto;
            line-height: 1.1;
            font-size: 1.53846em;
            color: #001a73;
        }

    .form .field {
        display: block;
    }

    .form .optional {
        padding-left: 5px;
        font-size: 0.85714em;
        color: #989898;
    }

    .form .text .input, .form input.text, .form .textarea .input, .form .email .input, .form .date .input, .form .month .input, .form .time .input, .form .dob .input, .form .select.multiple .input, .form .select .input {
        border: 1px solid #c0c0bd;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        outline-color: #ffc36e;
        color: #444;
    }

    .form .text .input, .form input.text, .form .textarea .input, .form .email .input, .form .date .input, .form .month .input, .form .time .input, .form .dob .input, .form .select.multiple .input {
        -webkit-box-shadow: inset 1px 1px 2px 0px rgba(0,0,0,0.1);
        -moz-box-shadow: inset 1px 1px 2px 0px rgba(0,0,0,0.1);
        box-shadow: inset 1px 1px 2px 0px rgba(0,0,0,0.1);
        padding: 6px 3%;
        width: 97%;
    }

        .form .text .input:focus, .form input.text:focus, .form .textarea .input:focus, .form .email .input:focus, .form .date .input:focus, .form .month .input:focus, .form .time .input:focus, .form .dob .input:focus, .form .select.multiple .input:focus {
            border-color: #717171;
        }

        .form .text .input[readonly], .form .text .input[disabled], .form input.text[readonly], .form .textarea [readonly].input, .form .email [readonly].input, .form .date [readonly].input, .form .month [readonly].input, .form .time [readonly].input, .form .dob [readonly].input, .form .select.multiple [readonly].input, .form input.text[disabled], .form .textarea [disabled].input, .form .email [disabled].input, .form .date [disabled].input, .form .month [disabled].input, .form .time [disabled].input, .form .dob [disabled].input, .form .select.multiple [disabled].input {
            background-color: #f0f0ec;
            color: #989898;
        }


    .form .form-row .input {
        max-width: 93%;
        margin-bottom: 10px;
    }

        .form .form-row .input.mini, .form .form-group .input.mini {
            width: 2.5em;
        }

        .form .form-row .input.tiny, .form .form-group .input.tiny {
            width: 4em;
        }

        .form .form-row .input.small, .form .form-group .input.small {
            width: 30.7%;
        }

        .form .form-row .input.medium, .form .form-group .input.medium  {
            width: 50%;
        }

        .form .form-row .input.large, .form .form-group .input.large {
            width: 64%;
        }

    .form .form-group .input {
        margin-bottom:2%;
    }

    .form .textarea .input {
        max-width: 100%;
    }

    .form .date .input, .form .month .input, .form .time .input {
        width: 12.5em;
    }

    .form .dob .input.date, .form .dob .input.month {
        width: 2em;
    }

    .form .dob .input.year {
        width: 4em;
    }

    .form .select .input {
        min-width: 150px;
        width: 100%;
        max-width: 85%;
    }

        .form .select .input.selectboxit-container {
            border: 0;
        }

    .form .checkboxes .input {
        margin-right: 0.3em;
        width: auto !important;
    }

    .form .checkboxes.single .input {
        float: left;
        margin-top: 0.3em;
    }

    .form .checkboxes.single .label {
        display: block;
        float: none;
        margin-left: 1.5em;
        width: auto;
        max-height: none;
    }

    .form .inline .checkboxes li {
        display: inline-block;
        margin: 0;
        padding-right: 20px;
    }

        .form .inline .checkboxes li:last-child {
            padding-right: 0;
        }

    .form .notification.error {
        color: #e45123;
    }

    .form .message {
        display: block;
        position: relative;
        margin-top: 9px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        padding: 5px 10px;
        line-height: 1.3;
        font-size: 0.92857em;
    }

        .form .message:after {
            display: block;
            position: absolute;
            left: 20px;
            top: -6px;
            width: 12px;
            height: 12px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            content: " ";
        }

        .form .message.error {
            color: #fff;
        }

            .form .message.error, .form .message.error:after {
                background-color: #e45123;
            }

    .form .form-row.error .input.error {
        border: 1px solid #e45123;
    }

    .form .submit-buttons {
        margin-top: 20px;
    }
    .form .submit-buttons span {
        margin-left: 20px;
    }

        .form .submit-buttons .link {
            float: right;
            line-height: 1.9;
            color: #444;
        }

        .form .submit-buttons .button {
            float: right;
            margin-left: 30px;
        }
        .form .submit-buttons .button.left {
            float: left;
            margin-left: 30px;
        }

    .form.filter-form {
        margin-top: 0;
        border-style: solid;
        border-color: #e6e6e6;
        border-width: 2px 0 1px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        background: transparent none;
        padding: 20px 0 10px;
    }

@media only screen and (min-width: 661px) {
    .form .form-row {
        margin-bottom: 10px;
    }

        .form .form-row.error .label {
            max-height: 1em;
        }

        .form .form-row.narrow .field, .form .form-row.narrow .message {
            margin-left: 0;
        }

        .form .form-row .input {
            margin-bottom: 0;
        }

        .form .form-row.two-inputs .label {
            display: block;
        }

        .form .form-row.two-inputs .input {
            float: left;
            min-width: 0;
            margin-right: 0;
            width: 50%;
        }

            .form .form-row.two-inputs .input.last {
                margin-right: 0;
            }

    .form .label {
        float: left;
        width: 35%;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .form dl.summary dt {
        display: block;
        float: left;
        width: 35%;
        clear: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 30px;
    }

    .form dl.summary dd {
        margin-left: 35%;
    }

    .form .optional {
        display: block;
        padding-left: 0px;
    }

    .form .text .input, .form input.text, .form .textarea .input, .form .email .input, .form .date .input, .form .month .input, .form .time .input, .form .dob .input, .form .select.multiple .input, .form .date .input, .form .month .input, .form .time .input, .form .textarea .input, .form .email .input {
        padding-left: 1.5%;
        padding-right: 1.5%;
    }

    .form .select .input {
        max-width: 55%;
    }

    .form .select .large.label + .input {
        vertical-align: sub;
    }

    .form .field, .form .message {
        margin-left: 35%;
    }

    .form .message {
        display: inline-block;
    }

    .form.narrow .label {
        display: inline;
        float: none;
        margin-bottom: 0;
        width: auto;
    }

    .form.narrow .field, .form.narrow .message {
        margin-left: 0;
    }

    .form.narrow .optional {
        display: inline;
        padding-left: 5px;
    }

    .form.narrow .message {
        display: block;
    }

    .form.narrow .text .input, .form.narrow input.text, .form.narrow .textarea .input, .form.narrow .email .input, .form.narrow .date .input, .form.narrow .month .input, .form.narrow .time .input, .form.narrow .dob .input, .form.narrow .select.multiple .input, .form.narrow .date .input, .form.narrow .month .input, .form.narrow .time .input, .form.narrow .textarea .input, .form.narrow .email .input {
        padding-left: 3%;
        padding-right: 3%;
    }

    .form.filter-form .label {
        width: auto;
        padding-right: 20px;
    }

    .form.filter-form .field {
        margin-left: 0;
    }
}

.selectboxit-btn {
    max-width: 100%;
    width: 100%;
}

.selectboxit-option-anchor {
    text-decoration: none;
}

.wizard-menu .title {
    margin-top: 52px;
    margin-bottom: 12px;
}

.wizard-menu li {
    margin-bottom: 10px;
}

    .wizard-menu li.inactive {
        color: #CCCCCC;
    }

.conditional-display.hidden {
    display: none;
}

.js .tooltip, .js .tooltipped .icon {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 1em;
    height: 1em;
    line-height: 1;
    font-size: 12px;
    cursor: pointer;
}

    .js .tooltip:before, .js .tooltipped .icon:before {
        color: #ed8c00;
    }

.js .tooltip, .js .tooltipped .icon {
    margin-left: 4px;
}

.js .tooltip-text {
    display: none;
}

.qtip-default {
    max-width: 70%;
    border-width: 0;
    border-color: #ed8c00;
    background-color: transparent;
    line-height: 1.3;
    font-size: 0.85714em;
    color: #fff;
}

    .qtip-default .qtip-content {
        -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
        -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
        box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;
        background-color: #ed8c00;
        padding: 10px 15px;
    }

    .qtip-default h1, .qtip-default h2, .qtip-default h3, .qtip-default .form legend, .form .qtip-default legend, .qtip-default h4 {
        color: #fff;
    }

    .qtip-default p:last-child {
        margin-bottom: 0;
    }

    .qtip-default.indicator .qtip-content {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
        text-transform: uppercase;
        color: #001a73;
    }

@media only screen and (min-width: 661px) {
    .qtip-default {
        width: auto;
        max-width: 320px;
    }
}

@media only screen and (min-width: 1001px) {
    .qtip-default.indicator {
        display: none !important;
    }
}

.wizard-menu {
    font-size: 0.92857em;
    margin-bottom: 1.42857em;
    margin-top:-45px;
    /* margin-left:  0; */
}

    .wizard-menu h2 {
        margin: 22px 20px 22px 0;
    }

    .wizard-menu .step {
        color: #001a73;
        display: block;
        padding-left: 15px;
        text-decoration: none;
        position: relative;
    }

        .wizard-menu .step.inactive {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
            opacity: 0.4;
        }

        .wizard-menu .step.active {
            color: #ed8c00;
        }

            .wizard-menu .step.active:before {
                position: absolute;
                left: 0;
            }

        .wizard-menu .step.completed:before {
            position: absolute;
            left: 0;
        }

    .wizard-menu a.step:hover {
        color: #ed8c00;
    }

    .wizard-menu > ol {
        border-top: 1px solid #e6e6e6;
        margin-right: 20px;
    }

        .wizard-menu > ol > li {
            padding: 10px 0;
        }

    .wizard-menu ol li {
        border-bottom: 1px solid #e6e6e6;
    }

form .porten-innen-portocosts .input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    form .porten-innen-portocosts .input[readonly] {
        border: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
        color: #444;
    }

.porten-innen-portocosts .columns {
    margin: 8px 0;
    border-bottom: 1px solid #b1b1b1;
    padding-bottom: 8px;
}

    .porten-innen-portocosts .columns.footer {
        border-bottom: 0;
        padding-top: 4px;
    }

.porten-innen-portocosts .column {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0 0 8px;
    float: left;
}

    .porten-innen-portocosts .column .error.message {
        margin-left: 0;
        min-width: 140px;
    }

    .porten-innen-portocosts .column:first-child {
        padding-left: 0;
    }

    .porten-innen-portocosts .column.paymentcode {
        width: 30%;
    }

    .porten-innen-portocosts .column.zipcode {
        width: 17%;
    }

    .porten-innen-portocosts .column.preview {
        width: 23%;
    }

        .porten-innen-portocosts .column.preview .button {
            width: 100%;
            height: 30px;
        }

    .porten-innen-portocosts .column.amount {
        width: 15%;
    }

    .porten-innen-portocosts .column.accept {
        width: 15%;
        text-align: center;
    }

        .porten-innen-portocosts .column.accept .message {
            float: right;
        }

            .porten-innen-portocosts .column.accept .message:after {
                left: inherit;
                right: 20px;
            }

    .porten-innen-portocosts .column.add-row {
        width: 45%;
    }

    .porten-innen-portocosts .column.sum-text {
        width: 25%;
        text-align: right;
        height: 28px;
        line-height: 28px;
        padding-right: 8px;
    }

    .porten-innen-portocosts .column.sum {
        width: 30%;
    }

    .porten-innen-portocosts .column .label {
        display: none;
    }

@media only screen and (max-width: 660px) {
    .porten-innen-portocosts .columns.header {
        display: none;
    }

    .porten-innen-portocosts .column {
        padding: 0 0 6px 0;
    }

        .porten-innen-portocosts .column.paymentcode {
            width: 100%;
        }

        .porten-innen-portocosts .column.zipcode {
            width: 48%;
        }

        .porten-innen-portocosts .column.preview {
            width: 52%;
        }

        .porten-innen-portocosts .column.amount {
            width: 50%;
            clear: left;
        }

        .porten-innen-portocosts .column.accept {
            width: 50%;
        }

        .porten-innen-portocosts .column.add-row {
            width: 100%;
        }

        .porten-innen-portocosts .column.sum-text {
            width: auto;
        }

        .porten-innen-portocosts .column.sum {
            width: 60%;
        }

        .porten-innen-portocosts .column .label {
            display: block;
        }
}

.porten-innen-modal .mfp-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block;
    width: 98%;
    height: 100%;
    max-width: 1151px;
    max-height: 95%;
    padding: 10px;
    background-color: white;
}

.porten-innen-modal .iframe-wrapper {
    height: 100%;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

.porten-innen-modal .iframe {
    border: 0;
    width: 100%;
    height: 100%;
}

.vms-steps{
    margin-bottom:100px;
}