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

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

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

[hidden], template {
    display: none
}

html {
    background: #fff;
    color: #000;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html, button, input, select, textarea {
    font-family: Arial,Helvetica,sans-serif
}

body {
    margin: 0
}

a {
    background: transparent
}

    a:focus {
        outline: thin dotted
    }

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

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

h2 {
    font-size: 1.5em;
    margin: 0.83em 0
}

h3 {
    font-size: 1.17em;
    margin: 1em 0
}

h4 {
    font-size: 1em;
    margin: 1.33em 0
}

h5 {
    font-size: .83em;
    margin: 1.67em 0
}

h6 {
    font-size: .75em;
    margin: 2.33em 0
}

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

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

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

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

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

    q:before, q:after {
        content: '';
        content: none
    }

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;
    white-space: normal
}

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

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], input[disabled] {
        cursor: default
    }

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

input[type="search"] {
    -webkit-appearance: textfield;
    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
}

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

body {
    color: #333;
    background: #f1f1f1;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    direction: ltr
}

    body .xf-content-height, html .xf-content-height {
        margin: 0;
        min-height: auto
    }

    body, body.ng-boot-finished {
        padding-top: 0px !important;
    }

        body.body-standalone {
            padding-top: 58px
        }

        body.v2-corp {
            padding-top: 142px
        }

        body.v2-non-corp {
            padding-top: 104px
        }

.v2-background-color {
    background: #fff
}

.v2-horizontal-page-spacing {
    margin: 0 25px
}

.main:after {
    clear: both;
    content: '';
    display: block
}

hr {
    clear: both;
    width: 100%;
    height: 1px;
    margin: 0 0 20px 0;
    border: 0
}

    hr.large {
        margin: 20px 0
    }

.hr {
    margin: 20px 0;
    border-bottom: 1px solid #ccc;
    clear: both
}

.hr_small {
    margin: 10px 0
}

a, .pseudo-link {
    cursor: pointer;
    -webkit-transition: all .25s;
    transition: all .25s;
    text-decoration: none;
    color: #007acc
}

a--padding, .pseudo-link--padding {
    padding-top: 8px
}
/*
ul, ol {
    margin: 20px 0;
    padding-left: 1.75em
}
*/
.v2-p ul, .v2-p ol {
    line-height: 1.4
}

ul li, ol li {
    margin: 5px 0
}

    ul li.v2-h1, ul li.v2-h2, ul li.v2-h3, ul li.v2-h4, ul li.v2-h5, ul li.v2-p, ul li.v2-large, ul li.v2-small, ul li.v2-tiny, ol li.v2-h1, ol li.v2-h2, ol li.v2-h3, ol li.v2-h4, ol li.v2-h5, ol li.v2-p, ol li.v2-large, ol li.v2-small, ol li.v2-tiny {
        margin: 5px 0;
        line-height: 1.4
    }

    ul li .v2-p, ol li .v2-p {
        margin: 0
    }

.lable ul, .lable ol {
    margin: 0
}

input[type=text]::-ms-clear, input[type=text]::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

span.accessibility-item {
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    top: -10px
}

@media (min-width: 1256px) {
    body {
        overflow-x: hidden
    }
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0 0 20px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    line-height: 1.2;
    -webkit-font-smoothing: antialiased
}

.v2-h1, .v2-h2, .v2-h3, .v2-h4, .v2-h5, .v2-p, .v2-large, .v2-small, .v2-tiny {
    margin: 0;
    color: #444;
    font-weight: normal
}

    .v2-h1 p, .v2-h2 p, .v2-h3 p, .v2-h4 p, .v2-h5 p, .v2-p p, .v2-large p, .v2-small p, .v2-tiny p {
        margin: 0
    }

.v2-h1 {
    line-height: 1.05;
    font-size: 35px;
    color: #000
}

.v2-h2 {
    line-height: 1.25;
    font-size: 28px
}

.v2-h3 {
    line-height: 1.25;
    font-size: 24.5px
}

.v2-h4 {
    line-height: 1.25;
    font-size: 21px
}

.v2-h5 {
    line-height: 1.25;
    font-size: 16.1px
}

.v2-p {
    line-height: 1.375;
    font-size: 14px;
    margin-bottom: 20px
}

    .v2-p p {
        margin-bottom: 20px
    }

        .v2-p p:last-child {
            margin-bottom: 0px
        }

.v2-large {
    line-height: inherit;
    font-size: 18.2px
}

.v2-small {
    line-height: inherit;
    font-size: 11.9px
}

.v2-tiny {
    line-height: inherit;
    font-size: 10.5px
}

h1, .h1 {
    font-size: 22px
}

h2, .h2 {
    font-size: 18px
}

h3, .h3 {
    font-size: 18px;
}

h4, .h4 {
    font-size: 16px
}

h5, .h5 {
    font-size: 14px
}

h6, .h6 {
    font-size: 12px
}

.text-block {
    line-height: 1.5
}

    .text-block p {
        margin: 1em 0
    }

    .text-block ol, .text-block ul {
        margin: 1em 0
    }

        .text-block ol li, .text-block ul li {
            margin: 0.4em 0
        }

    .text-block h1, .text-block h2 {
        margin: 2em 0 0.75em
    }

    .text-block h3, .text-block h4, .text-block h5, .text-block h6 {
        margin: 1em 0
    }

    .text-block > *:first-child {
        margin-top: 0
    }

    .text-block > *:last-child {
        margin-bottom: 0
    }

.fw-light {
    font-weight: 100
}

.fw-regular {
    font-weight: normal
}

.fw-italic {
    font-style: italic
}

.fw-bold {
    font-weight: bold
}

.font_tiny {
    font-size: 10px
}

.font_small {
    font-size: 12px
}

.font_medium {
    font-size: 25px
}

.font_xxxlarge {
    font-size: 36px
}

.font_light {
    color: #a1a1a1
}

p {
    margin: 0 0 20px
}

.text-light-gray {
    color: #a1a1a1
}

.underline-title, .underline-header {
    padding-bottom: 8px;
    border-bottom: 1px solid #ccc;
    line-height: 1
}

.underline-header {
    margin-bottom: 20px
}

    .underline-header:after {
        clear: both;
        content: '';
        display: block
    }

    .underline-header .help-me-slider-wrapper {
        margin-top: 5px
    }

.page-title {
    margin: 30px 0 20px
}

.content-page-title .page-title {
    color: #000;
    font-size: 35px;
    line-height: 0.75;
    margin: 2px 0 0
}

.note, .form-note {
    color: #666;
    font-size: 12px;
    line-height: 16px
}

p.note, p.form-note {
    margin: 10px 0
}

.warning-text, .required-text {
    color: #d62727
}

.summary-text {
    color: #666
}

.summary-text__group {
    margin-bottom: 10px
}

.summary-text p {
    margin: 0;
    font-size: 12px
}

a.gray {
    color: #7a7a7a
}

.bg-green {
    color: #fff;
    background: #31d467
}

.bg-blue {
    color: #fff;
    background: #189aca
}

.links-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.links-list__item {
    display: inline
}

    .links-list__item:before {
        content: '|';
        margin: 0 0.5em
    }

    .links-list__item:first-child:before {
        content: '';
        margin: 0
    }

.yellow-text {
    color: #fecb2f
}

.message-wrapper {
    display: inline-block
}

    .message-wrapper p, .message-wrapper ul, .message-wrapper ol {
        margin: 0
    }

.block-message-wrapper .message-wrapper {
    display: block
}

.carat {
    display: inline-block;
    position: relative;
    padding-left: 15px
}

    .carat:before {
        content: '\E012';
        font-family: "dhl";
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        min-width: 1em;
        line-height: 1;
        text-align: center;
        margin-left: .2em;
        margin-right: .2em;
        margin-right: 0
    }

    .carat:before {
        margin-left: 0
    }

    .carat:before {
        position: absolute;
        left: 0;
        top: 2px
    }

@font-face {
    font-family: 'dhl';
    src: url('dhl.eot') format('embedded-opentype');
}

@font-face {
    font-family: "dhl";
    src: url("dhl.eot?versionHash=ue0020142");
    src: url("dhl.eot?#iefix&versionHash=ue0020142") format("eot"),url("dhl.woff?versionHash=ue0020142") format("woff"),url("dhl.ttf?versionHash=ue0020142") format("truetype")
}

@font-face {
    font-family: dhl-icon;
    src: url("dhl-icon.eot?versionHash=ue0020142");
    src: url("dhl-icon.eot?#iefix&versionHash=ue0020142") format("eot"),url("dhl-icon.woff?versionHash=ue0020142") format("woff"),url("dhl-icon.ttf?versionHash=ue0020142") format("truetype")
}

.dhlicon:before, [class*='dhlicon']:before {
    font-family: "dhl";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    min-width: 1em;
    line-height: 1;
    text-align: center;
    margin-left: .2em;
    margin-right: .2em
}

.dhlicon:before, [class*='dhlicon']:before {
    margin-left: 0
}

.dhlicon-account:before {
    content: '\E001'
}

.dhlicon-add-round:before {
    content: '\E002'
}

.dhlicon-add:before {
    content: '\E003'
}

.dhlicon-address-book:before {
    content: '\E004'
}

.dhlicon-alert:before {
    content: '\E005'
}

.dhlicon-approve:before {
    content: '\E006'
}

.dhlicon-arrow-down:before {
    content: '\E007'
}

.dhlicon-arrow-left:before {
    content: '\E008'
}

.dhlicon-arrow-right:before {
    content: '\E009'
}

.dhlicon-arrow-up:before {
    content: '\E00A'
}

.dhlicon-barcode:before {
    content: '\E00B'
}

.dhlicon-bills:before {
    content: '\E00C'
}

.dhlicon-calc:before {
    content: '\E00D'
}

.dhlicon-calendar:before {
    content: '\E00E'
}

.dhlicon-cancel:before {
    content: '\E00F'
}

.dhlicon-carat-down:before {
    content: '\E010'
}

.dhlicon-carat-left:before {
    content: '\E011'
}

.dhlicon-carat-right:before {
    content: '\E012'
}

.dhlicon-carat-up:before {
    content: '\E013'
}

.dhlicon-chat:before {
    content: '\E014'
}

.dhlicon-check:before {
    content: '\E015'
}

.dhlicon-clock:before {
    content: '\E016'
}

.dhlicon-close:before {
    content: '\E017'
}

.dhlicon-computer:before {
    content: '\E018'
}

.dhlicon-copy:before {
    content: '\E019'
}

.dhlicon-coupon:before {
    content: '\E01A'
}

.dhlicon-credit-card:before {
    content: '\E01B'
}

.dhlicon-customs:before {
    content: '\E01C'
}

.dhlicon-deliver:before {
    content: '\E01D'
}

.dhlicon-delivery-date:before {
    content: '\E01E'
}

.dhlicon-direction:before {
    content: '\E01F'
}

.dhlicon-documents:before {
    content: '\E020'
}

.dhlicon-doorway-in:before {
    content: '\E021'
}

.dhlicon-download:before {
    content: '\E022'
}

.dhlicon-dropoff:before {
    content: '\E023'
}

.dhlicon-duration:before {
    content: '\E024'
}

.dhlicon-email-secure:before {
    content: '\E025'
}

.dhlicon-export:before {
    content: '\E026'
}

.dhlicon-external:before {
    content: '\E027'
}

.dhlicon-favorite-empty:before {
    content: '\E028'
}

.dhlicon-favorite-full:before {
    content: '\E029'
}

.dhlicon-first:before {
    content: '\E02A'
}

.dhlicon-flashlight:before {
    content: '\E02B'
}

.dhlicon-from:before {
    content: '\E02C'
}

.dhlicon-gear:before {
    content: '\E02D'
}

.dhlicon-globe:before {
    content: '\E02E'
}

.dhlicon-go-green:before {
    content: '\E02F'
}

.dhlicon-group:before {
    content: '\E030'
}

.dhlicon-handicap:before {
    content: '\E031'
}

.dhlicon-help-circle:before {
    content: '\E032'
}

.dhlicon-help:before {
    content: '\E033'
}

.dhlicon-hidden:before {
    content: '\E034'
}

.dhlicon-home:before {
    content: '\E035'
}

.dhlicon-import:before {
    content: '\E036'
}

.dhlicon-info:before {
    content: '\E037'
}

.dhlicon-key:before {
    content: '\E038'
}

.dhlicon-last:before {
    content: '\E039'
}

.dhlicon-lock:before {
    content: '\E03A'
}

.dhlicon-mobile:before {
    content: '\E03B'
}

.dhlicon-next:before {
    content: '\E03C'
}

.dhlicon-note:before {
    content: '\E03D'
}

.dhlicon-openbox:before {
    content: '\E03E'
}

.dhlicon-package-lock:before {
    content: '\E03F'
}

.dhlicon-packages:before {
    content: '\E040'
}

.dhlicon-pages:before {
    content: '\E041'
}

.dhlicon-parking:before {
    content: '\E042'
}

.dhlicon-pencil:before {
    content: '\E043'
}

.dhlicon-phone:before {
    content: '\E044'
}

.dhlicon-point:before {
    content: '\E045'
}

.dhlicon-pointer-down:before {
    content: '\E046'
}

.dhlicon-pointer-first:before {
    content: '\E047'
}

.dhlicon-pointer-last:before {
    content: '\E048'
}

.dhlicon-pointer-up:before {
    content: '\E049'
}

.dhlicon-prev:before {
    content: '\E04A'
}

.dhlicon-print:before {
    content: '\E04B'
}

.dhlicon-qr-code:before {
    content: '\E04C'
}

.dhlicon-remove:before {
    content: '\E04D'
}

.dhlicon-return:before {
    content: '\E04E'
}

.dhlicon-save:before {
    content: '\E04F'
}

.dhlicon-search:before {
    content: '\E050'
}

.dhlicon-share:before {
    content: '\E051'
}

.dhlicon-stop:before {
    content: '\E052'
}

.dhlicon-stopwatch:before {
    content: '\E053'
}

.dhlicon-store:before {
    content: '\E054'
}

.dhlicon-switch-vertical:before {
    content: '\E055'
}

.dhlicon-switch:before {
    content: '\E056'
}

.dhlicon-terms:before {
    content: '\E057'
}

.dhlicon-thumbs-up:before {
    content: '\E058'
}

.dhlicon-to:before {
    content: '\E059'
}

.dhlicon-transit-car:before {
    content: '\E05A'
}

.dhlicon-transit:before {
    content: '\E05B'
}

.dhlicon-truck:before {
    content: '\E05C'
}

.dhlicon-update:before {
    content: '\E05D'
}

.dhlicon-user:before {
    content: '\E05E'
}

.dhlicon-v2-account:before {
    content: '\E05F'
}

.dhlicon-v2-add:before {
    content: '\E060'
}

.dhlicon-v2-address-book:before {
    content: '\E061'
}

.dhlicon-v2-air-freight:before {
    content: '\E062'
}

.dhlicon-v2-alert:before {
    content: '\E063'
}

.dhlicon-v2-arrow-down:before {
    content: '\E064'
}

.dhlicon-v2-arrow-left:before {
    content: '\E065'
}

.dhlicon-v2-arrow-right:before {
    content: '\E066'
}

.dhlicon-v2-arrow-up:before {
    content: '\E067'
}

.dhlicon-v2-barcode:before {
    content: '\E068'
}

.dhlicon-v2-bell:before {
    content: '\E069'
}

.dhlicon-v2-bills:before {
    content: '\E06A'
}

.dhlicon-v2-box-hand:before {
    content: '\E06B'
}

.dhlicon-v2-box-question:before {
    content: '\E06C'
}

.dhlicon-v2-boxes:before {
    content: '\E06D'
}

.dhlicon-v2-briefcase:before {
    content: '\E06E'
}

.dhlicon-v2-business-to-business:before {
    content: '\E06F'
}

.dhlicon-v2-calc:before {
    content: '\E070'
}

.dhlicon-v2-calendar:before {
    content: '\E071'
}

.dhlicon-v2-cancel:before {
    content: '\E072'
}

.dhlicon-v2-carat-down:before {
    content: '\E073'
}

.dhlicon-v2-carat-left-large:before {
    content: '\E074'
}

.dhlicon-v2-carat-left:before {
    content: '\E075'
}

.dhlicon-v2-carat-right-large:before {
    content: '\E076'
}

.dhlicon-v2-carat-right:before {
    content: '\E077'
}

.dhlicon-v2-carat-up:before {
    content: '\E078'
}

.dhlicon-v2-chat:before {
    content: '\E079'
}

.dhlicon-v2-check:before {
    content: '\F8FE'
}

.dhlicon-v2-clipboard-check:before {
    content: '\E07A'
}

.dhlicon-v2-clock:before {
    content: '\E07B'
}

.dhlicon-v2-close:before {
    content: '\E07C'
}

.dhlicon-v2-computer-download:before {
    content: '\E07D'
}

.dhlicon-v2-computer:before {
    content: '\E07E'
}

.dhlicon-v2-contact-us:before {
    content: '\E07F'
}

.dhlicon-v2-container:before {
    content: '\E080'
}

.dhlicon-v2-copy:before {
    content: '\E081'
}

.dhlicon-v2-coupon:before {
    content: '\E082'
}

.dhlicon-v2-create-shippers:before {
    content: '\E083'
}

.dhlicon-v2-credit-card:before {
    content: '\E084'
}

.dhlicon-v2-customs-docs:before {
    content: '\E085'
}

.dhlicon-v2-customs:before {
    content: '\E086'
}

.dhlicon-v2-dangerous-goods:before {
    content: '\E087'
}

.dhlicon-v2-delete:before {
    content: '\E088'
}

.dhlicon-v2-deliver:before {
    content: '\E089'
}

.dhlicon-v2-delivery-date:before {
    content: '\E08A'
}

.dhlicon-v2-delivery-option:before {
    content: '\E08B'
}

.dhlicon-v2-delivery-services:before {
    content: '\E08C'
}

.dhlicon-v2-devices:before {
    content: '\E08D'
}

.dhlicon-v2-direction:before {
    content: '\E08E'
}

.dhlicon-v2-doc-stack:before {
    content: '\E08F'
}

.dhlicon-v2-document:before {
    content: '\E090'
}

.dhlicon-v2-documents:before {
    content: '\E091'
}

.dhlicon-v2-doorway-in:before {
    content: '\E092'
}

.dhlicon-v2-download:before {
    content: '\E093'
}

.dhlicon-v2-dropoff:before {
    content: '\E094'
}

.dhlicon-v2-duties-taxes:before {
    content: '\E095'
}

.dhlicon-v2-email-secure:before {
    content: '\E096'
}

.dhlicon-v2-email:before {
    content: '\E097'
}

.dhlicon-v2-envelope:before {
    content: '\E098'
}

.dhlicon-v2-euro:before {
    content: '\E099'
}

.dhlicon-v2-explore-options:before {
    content: '\E09A'
}

.dhlicon-v2-export:before {
    content: '\E09B'
}

.dhlicon-v2-fast-truck:before {
    content: '\E09C'
}

.dhlicon-v2-favorite-empty:before {
    content: '\E09D'
}

.dhlicon-v2-favorite-full:before {
    content: '\E09E'
}

.dhlicon-v2-file-doc:before {
    content: '\E09F'
}

.dhlicon-v2-file-exe:before {
    content: '\E0A0'
}

.dhlicon-v2-file-mov:before {
    content: '\E0A1'
}

.dhlicon-v2-file-pdf:before {
    content: '\E0A2'
}

.dhlicon-v2-file-ppt:before {
    content: '\E0A3'
}

.dhlicon-v2-file-xls:before {
    content: '\E0A4'
}

.dhlicon-v2-find-location:before {
    content: '\E0A5'
}

.dhlicon-v2-flashlight:before {
    content: '\E0A6'
}

.dhlicon-v2-fragile:before {
    content: '\E0A7'
}

.dhlicon-v2-from:before {
    content: '\E0A8'
}

.dhlicon-v2-gear-check:before {
    content: '\E0A9'
}

.dhlicon-v2-gear:before {
    content: '\E0AA'
}

.dhlicon-v2-gears:before {
    content: '\E0AB'
}

.dhlicon-v2-glo-core-getaquote:before {
    content: '\E0AC'
}

.dhlicon-v2-glo-core-online:before {
    content: '\E0AD'
}

.dhlicon-v2-global:before {
    content: '\E0AE'
}

.dhlicon-v2-globe:before {
    content: '\E0AF'
}

.dhlicon-v2-group-shippers:before {
    content: '\E0B0'
}

.dhlicon-v2-group:before {
    content: '\E0B1'
}

.dhlicon-v2-help-circle:before {
    content: '\E0B2'
}

.dhlicon-v2-help:before {
    content: '\E0B3'
}

.dhlicon-v2-hidden:before {
    content: '\E0B4'
}

.dhlicon-v2-home:before {
    content: '\E0B5'
}

.dhlicon-v2-import:before {
    content: '\E0B6'
}

.dhlicon-v2-in-transit:before {
    content: '\E0B7'
}

.dhlicon-v2-industry-solutions:before {
    content: '\E0B8'
}

.dhlicon-v2-info:before {
    content: '\E0B9'
}

.dhlicon-v2-into-box:before {
    content: '\E0BA'
}

.dhlicon-v2-invalid:before {
    content: '\F8FF'
}

.dhlicon-v2-journey:before {
    content: '\E0BB'
}

.dhlicon-v2-key:before {
    content: '\E0BC'
}

.dhlicon-v2-keys:before {
    content: '\E0BD'
}

.dhlicon-v2-lock:before {
    content: '\E0BE'
}

.dhlicon-v2-mail-bulk:before {
    content: '\E0BF'
}

.dhlicon-v2-manage-shipments:before {
    content: '\E0C0'
}

.dhlicon-v2-mobile:before {
    content: '\E0C1'
}

.dhlicon-v2-money:before {
    content: '\E0C2'
}

.dhlicon-v2-monitoring:before {
    content: '\E0C3'
}

.dhlicon-v2-ocean-freight:before {
    content: '\E0C4'
}

.dhlicon-v2-openbox:before {
    content: '\E0C5'
}

.dhlicon-v2-package-fast:before {
    content: '\E0C6'
}

.dhlicon-v2-package:before {
    content: '\E0C7'
}

.dhlicon-v2-packages:before {
    content: '\E0C8'
}

.dhlicon-v2-packing:before {
    content: '\E0C9'
}

.dhlicon-v2-pages:before {
    content: '\E0CA'
}

.dhlicon-v2-pallet:before {
    content: '\E0CB'
}

.dhlicon-v2-parcels-docs:before {
    content: '\E0CC'
}

.dhlicon-v2-payments:before {
    content: '\E0CD'
}

.dhlicon-v2-pencil:before {
    content: '\E0CE'
}

.dhlicon-v2-phone-call:before {
    content: '\E0CF'
}

.dhlicon-v2-phone:before {
    content: '\E0D0'
}

.dhlicon-v2-pickup-options:before {
    content: '\E0D1'
}

.dhlicon-v2-pickup:before {
    content: '\E0D2'
}

.dhlicon-v2-print:before {
    content: '\E0D3'
}

.dhlicon-v2-rail-freight:before {
    content: '\E0D4'
}

.dhlicon-v2-refresh:before {
    content: '\E0D5'
}

.dhlicon-v2-regulations:before {
    content: '\E0D6'
}

.dhlicon-v2-remote-area:before {
    content: '\E0D7'
}

.dhlicon-v2-remove:before {
    content: '\E0D8'
}

.dhlicon-v2-reschedule:before {
    content: '\E0D9'
}

.dhlicon-v2-return:before {
    content: '\E0DA'
}

.dhlicon-v2-road-freight:before {
    content: '\E0DB'
}

.dhlicon-v2-save:before {
    content: '\E0DC'
}

.dhlicon-v2-scale-top:before {
    content: '\E0DD'
}

.dhlicon-v2-scale:before {
    content: '\E0DE'
}

.dhlicon-v2-screen-box:before {
    content: '\E0DF'
}

.dhlicon-v2-search:before {
    content: '\E0E0'
}

.dhlicon-v2-share:before {
    content: '\E0E1'
}

.dhlicon-v2-shield:before {
    content: '\E0E2'
}

.dhlicon-v2-shipment-packaging:before {
    content: '\E0E3'
}

.dhlicon-v2-shipment-protection:before {
    content: '\E0E4'
}

.dhlicon-v2-shipping-process:before {
    content: '\E0E5'
}

.dhlicon-v2-social-facebook:before {
    content: '\E0E6'
}

.dhlicon-v2-social-instagram:before {
    content: '\E0E7'
}

.dhlicon-v2-social-linkedin:before {
    content: '\E0E8'
}

.dhlicon-v2-social-twitter:before {
    content: '\E0E9'
}

.dhlicon-v2-social-vk:before {
    content: '\E0EA'
}

.dhlicon-v2-social-youtube:before {
    content: '\E0EB'
}

.dhlicon-v2-stop:before {
    content: '\E0EC'
}

.dhlicon-v2-stopwatch:before {
    content: '\E0ED'
}

.dhlicon-v2-store:before {
    content: '\E0EE'
}

.dhlicon-v2-switch-vertical:before {
    content: '\E0EF'
}

.dhlicon-v2-switch:before {
    content: '\E0F0'
}

.dhlicon-v2-tag:before {
    content: '\E0F1'
}

.dhlicon-v2-terms:before {
    content: '\E0F2'
}

.dhlicon-v2-thumbs-up:before {
    content: '\E0F3'
}

.dhlicon-v2-to:before {
    content: '\E0F4'
}

.dhlicon-v2-transit-car:before {
    content: '\E0F5'
}

.dhlicon-v2-truck-container:before {
    content: '\E0F6'
}

.dhlicon-v2-truck:before {
    content: '\E0F7'
}

.dhlicon-v2-umbrella:before {
    content: '\E0F8'
}

.dhlicon-v2-update:before {
    content: '\E0F9'
}

.dhlicon-v2-upload:before {
    content: '\E0FA'
}

.dhlicon-v2-user:before {
    content: '\E0FB'
}

.dhlicon-v2-visible:before {
    content: '\E0FC'
}

.dhlicon-visible:before {
    content: '\E0FD'
}

[data-icon-code]:before {
    margin-right: 0.2em;
    margin-left: 0;
    content: attr(data-icon-code);
    font-family: 'dhl-icon';
    font-weight: normal;
    font-style: normal
}

.externalVisualIdentifier:after {
    content: "\E027";
    font-family: "dhl"
}

.dhlicon-v2-upload:before {
    margin: 0.1em 0.5em 0em 0em;
    vertical-align: top
}

.flag {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    background-image: url("../img/flags.32c.png");
    background-repeat: no-repeat;
    background-position: -462px -630px
}

.flag_small {
    background-image: url("../img/flags.24c.png");
    background-position: -374px -510px;
    width: 24px;
    height: 24px
}

.flag_AD {
    background-position: -42px 0px
}

.flag_AE {
    background-position: -462px -210px
}

.flag_AF {
    background-position: 0px -42px
}

.flag_AG {
    background-position: -42px -42px
}

.flag_AI {
    background-position: -84px 0px
}

.flag_AL {
    background-position: -84px -42px
}

.flag_AM {
    background-position: 0px -84px
}

.flag_AN {
    background-position: -42px -84px
}

.flag_AO {
    background-position: -84px -84px
}

.flag_AQ {
    background-position: -126px 0px
}

.flag_AR {
    background-position: -126px -42px
}

.flag_AS {
    background-position: -126px -84px
}

.flag_AT {
    background-position: 0px -126px
}

.flag_AU {
    background-position: -42px -126px
}

.flag_AW {
    background-position: -84px -126px
}

.flag_AX {
    background-position: -126px -126px
}

.flag_AZ {
    background-position: -168px 0px
}

.flag_BA {
    background-position: -168px -42px
}

.flag_BB {
    background-position: -168px -84px
}

.flag_BD {
    background-position: -168px -126px
}

.flag_BE {
    background-position: 0px -168px
}

.flag_BF {
    background-position: -42px -168px
}

.flag_BG {
    background-position: -84px -168px
}

.flag_BH {
    background-position: -126px -168px
}

.flag_BI {
    background-position: -168px -168px
}

.flag_BJ {
    background-position: -210px 0px
}

.flag_BL {
    background-position: -210px -42px
}

.flag_BM {
    background-position: -210px -84px
}

.flag_BN {
    background-position: -210px -126px
}

.flag_BO {
    background-position: -210px -168px
}

.flag_BR {
    background-position: 0px -210px
}

.flag_BS {
    background-position: -42px -210px
}

.flag_BT {
    background-position: -84px -210px
}

.flag_BW {
    background-position: -126px -210px
}

.flag_BY {
    background-position: -168px -210px
}

.flag_BZ {
    background-position: -210px -210px
}

.flag_CA {
    background-position: -252px 0px
}

.flag_CC {
    background-position: -252px -42px
}

.flag_CD {
    background-position: -252px -84px
}

.flag_CF {
    background-position: -252px -126px
}

.flag_CG {
    background-position: -252px -168px
}

.flag_CH {
    background-position: -252px -210px
}

.flag_CI {
    background-position: 0px -252px
}

.flag_CK {
    background-position: -42px -252px
}

.flag_CL {
    background-position: -84px -252px
}

.flag_CM {
    background-position: -126px -252px
}

.flag_CN {
    background-position: -168px -252px
}

.flag_CO {
    background-position: -210px -252px
}

.flag_CR {
    background-position: -252px -252px
}

.flag_CU {
    background-position: -294px 0px
}

.flag_CV {
    background-position: -294px -42px
}

.flag_CW {
    background-position: -294px -84px
}

.flag_CX {
    background-position: -294px -126px
}

.flag_CY {
    background-position: -294px -168px
}

.flag_CZ {
    background-position: -294px -210px
}

.flag_DE {
    background-position: -294px -252px
}

.flag_DJ {
    background-position: 0px -294px
}

.flag_DK {
    background-position: -42px -294px
}

.flag_DM {
    background-position: -84px -294px
}

.flag_DO {
    background-position: -126px -294px
}

.flag_DZ {
    background-position: -168px -294px
}

.flag_EC {
    background-position: -210px -294px
}

.flag_EE {
    background-position: -252px -294px
}

.flag_EG {
    background-position: -294px -294px
}

.flag_EH {
    background-position: -336px 0px
}

.flag_ER {
    background-position: -336px -42px
}

.flag_ES {
    background-position: -336px -84px
}

.flag_ET {
    background-position: -336px -126px
}

.flag_EU {
    background-position: -336px -168px
}

.flag_FI {
    background-position: -336px -210px
}

.flag_FJ {
    background-position: -336px -252px
}

.flag_FK {
    background-position: -336px -294px
}

.flag_FM {
    background-position: 0px -336px
}

.flag_FO {
    background-position: -42px -336px
}

.flag_FR {
    background-position: -84px -336px
}

.flag_GA {
    background-position: -126px -336px
}

.flag_GB {
    background-position: -168px -336px
}

.flag_GD {
    background-position: -210px -336px
}

.flag_GE {
    background-position: -252px -336px
}

.flag_GF {
    background-position: -294px -336px
}

.flag_GG {
    background-position: -336px -336px
}

.flag_GH {
    background-position: -378px 0px
}

.flag_GI {
    background-position: -378px -42px
}

.flag_GL {
    background-position: -378px -84px
}

.flag_GM {
    background-position: -378px -126px
}

.flag_GN {
    background-position: -378px -168px
}

.flag_GP {
    background-position: -378px -210px
}

.flag_GQ {
    background-position: -378px -252px
}

.flag_GR {
    background-position: -378px -294px
}

.flag_GS {
    background-position: -378px -336px
}

.flag_GT {
    background-position: 0px -378px
}

.flag_GU {
    background-position: -42px -378px
}

.flag_GW {
    background-position: -84px -378px
}

.flag_GY {
    background-position: -126px -378px
}

.flag_HK {
    background-position: -168px -378px
}

.flag_HN {
    background-position: -210px -378px
}

.flag_HR {
    background-position: -252px -378px
}

.flag_HT {
    background-position: -294px -378px
}

.flag_HU {
    background-position: -336px -378px
}

.flag_IC {
    background-position: -378px -378px
}

.flag_ID {
    background-position: -420px 0px
}

.flag_IE {
    background-position: -420px -42px
}

.flag_IL {
    background-position: -420px -84px
}

.flag_IM {
    background-position: -420px -126px
}

.flag_IN {
    background-position: -420px -168px
}

.flag_IQ {
    background-position: -420px -210px
}

.flag_IR {
    background-position: -420px -252px
}

.flag_IS {
    background-position: -420px -294px
}

.flag_IT {
    background-position: -420px -336px
}

.flag_JE {
    background-position: -420px -378px
}

.flag_JM {
    background-position: 0px -420px
}

.flag_JO {
    background-position: -42px -420px
}

.flag_JP {
    background-position: -84px -420px
}

.flag_KE {
    background-position: -126px -420px
}

.flag_KG {
    background-position: -168px -420px
}

.flag_KH {
    background-position: -210px -420px
}

.flag_KI {
    background-position: -252px -420px
}

.flag_KM {
    background-position: -294px -420px
}

.flag_KN {
    background-position: -336px -420px
}

.flag_KP {
    background-position: -378px -420px
}

.flag_KR {
    background-position: -420px -420px
}

.flag_KV {
    background-position: -462px 0px
}

.flag_KW {
    background-position: -462px -42px
}

.flag_KY {
    background-position: -462px -84px
}

.flag_KZ {
    background-position: -462px -126px
}

.flag_LA {
    background-position: -462px -168px
}

.flag_LB {
    background-position: 0px 0px
}

.flag_LC {
    background-position: -462px -252px
}

.flag_LI {
    background-position: -462px -294px
}

.flag_LK {
    background-position: -462px -336px
}

.flag_LR {
    background-position: -462px -378px
}

.flag_LS {
    background-position: -462px -420px
}

.flag_LT {
    background-position: 0px -462px
}

.flag_LU {
    background-position: -42px -462px
}

.flag_LV {
    background-position: -84px -462px
}

.flag_LY {
    background-position: -126px -462px
}

.flag_MA {
    background-position: -168px -462px
}

.flag_MC {
    background-position: -210px -462px
}

.flag_MD {
    background-position: -252px -462px
}

.flag_ME {
    background-position: -294px -462px
}

.flag_MF {
    background-position: -336px -462px
}

.flag_MG {
    background-position: -378px -462px
}

.flag_MH {
    background-position: -420px -462px
}

.flag_MK {
    background-position: -462px -462px
}

.flag_ML {
    background-position: -504px 0px
}

.flag_MM {
    background-position: -504px -42px
}

.flag_MN {
    background-position: -504px -84px
}

.flag_MO {
    background-position: -504px -126px
}

.flag_MP {
    background-position: -504px -168px
}

.flag_MQ {
    background-position: -504px -210px
}

.flag_MR {
    background-position: -504px -252px
}

.flag_MS {
    background-position: -504px -294px
}

.flag_MT {
    background-position: -504px -336px
}

.flag_MU {
    background-position: -504px -378px
}

.flag_MV {
    background-position: -504px -420px
}

.flag_MW {
    background-position: -504px -462px
}

.flag_MX {
    background-position: 0px -504px
}

.flag_MY {
    background-position: -42px -504px
}

.flag_MZ {
    background-position: -84px -504px
}

.flag_NA {
    background-position: -126px -504px
}

.flag_NC {
    background-position: -168px -504px
}

.flag_NE {
    background-position: -210px -504px
}

.flag_NF {
    background-position: -252px -504px
}

.flag_NG {
    background-position: -294px -504px
}

.flag_NI {
    background-position: -336px -504px
}

.flag_NL {
    background-position: -378px -504px
}

.flag_NO {
    background-position: -420px -504px
}

.flag_NP {
    background-position: -462px -504px
}

.flag_NR {
    background-position: -504px -504px
}

.flag_NU {
    background-position: -546px 0px
}

.flag_NZ {
    background-position: -546px -42px
}

.flag_OM {
    background-position: -546px -84px
}

.flag_PA {
    background-position: -546px -126px
}

.flag_PE {
    background-position: -546px -168px
}

.flag_PF {
    background-position: -546px -210px
}

.flag_PG {
    background-position: -546px -252px
}

.flag_PH {
    background-position: -546px -294px
}

.flag_PK {
    background-position: -546px -336px
}

.flag_PL {
    background-position: -546px -378px
}

.flag_PN {
    background-position: -546px -420px
}

.flag_PR {
    background-position: -546px -462px
}

.flag_PS {
    background-position: -546px -504px
}

.flag_PT {
    background-position: 0px -546px
}

.flag_PW {
    background-position: -42px -546px
}

.flag_PY {
    background-position: -84px -546px
}

.flag_QA {
    background-position: -126px -546px
}

.flag_RE {
    background-position: -168px -546px
}

.flag_RO {
    background-position: -210px -546px
}

.flag_RS {
    background-position: -252px -546px
}

.flag_RU {
    background-position: -294px -546px
}

.flag_RW {
    background-position: -336px -546px
}

.flag_SA {
    background-position: -378px -546px
}

.flag_SB {
    background-position: -420px -546px
}

.flag_SC {
    background-position: -462px -546px
}

.flag_SD {
    background-position: -504px -546px
}

.flag_SE {
    background-position: -546px -546px
}

.flag_SG {
    background-position: -588px 0px
}

.flag_SH {
    background-position: -588px -42px
}

.flag_SI {
    background-position: -588px -84px
}

.flag_SK {
    background-position: -588px -126px
}

.flag_SL {
    background-position: -588px -168px
}

.flag_SM {
    background-position: -588px -210px
}

.flag_SN {
    background-position: -588px -252px
}

.flag_SO {
    background-position: -588px -294px
}

.flag_SR {
    background-position: -588px -336px
}

.flag_SS {
    background-position: -588px -378px
}

.flag_ST {
    background-position: -588px -420px
}

.flag_SV {
    background-position: -588px -462px
}

.flag_SY {
    background-position: -588px -504px
}

.flag_SZ {
    background-position: -588px -546px
}

.flag_TC {
    background-position: 0px -588px
}

.flag_TD {
    background-position: -42px -588px
}

.flag_TF {
    background-position: -84px -588px
}

.flag_TG {
    background-position: -126px -588px
}

.flag_TH {
    background-position: -168px -588px
}

.flag_TJ {
    background-position: -210px -588px
}

.flag_TK {
    background-position: -252px -588px
}

.flag_TL {
    background-position: -294px -588px
}

.flag_TM {
    background-position: -336px -588px
}

.flag_TN {
    background-position: -378px -588px
}

.flag_TO {
    background-position: -420px -588px
}

.flag_TR {
    background-position: -462px -588px
}

.flag_TT {
    background-position: -504px -588px
}

.flag_TV {
    background-position: -546px -588px
}

.flag_TW {
    background-position: -588px -588px
}

.flag_TZ {
    background-position: -630px 0px
}

.flag_UA {
    background-position: -630px -42px
}

.flag_UG {
    background-position: -630px -84px
}

.flag_US {
    background-position: -630px -126px
}

.flag_UY {
    background-position: -630px -168px
}

.flag_UZ {
    background-position: -630px -210px
}

.flag_VA {
    background-position: -630px -252px
}

.flag_VC {
    background-position: -630px -294px
}

.flag_VE {
    background-position: -630px -336px
}

.flag_VG {
    background-position: -630px -378px
}

.flag_VI {
    background-position: -630px -420px
}

.flag_VN {
    background-position: -630px -462px
}

.flag_VU {
    background-position: -630px -504px
}

.flag_WF {
    background-position: -630px -546px
}

.flag_WS {
    background-position: -630px -588px
}

.flag_XB {
    background-position: 0px -630px
}

.flag_XC {
    background-position: -42px -630px
}

.flag_XE {
    background-position: -84px -630px
}

.flag_XM {
    background-position: -126px -630px
}

.flag_XN {
    background-position: -168px -630px
}

.flag_XY {
    background-position: -210px -630px
}

.flag_YE {
    background-position: -252px -630px
}

.flag_YT {
    background-position: -294px -630px
}

.flag_ZA {
    background-position: -336px -630px
}

.flag_ZM {
    background-position: -378px -630px
}

.flag_ZW {
    background-position: -420px -630px
}

.flag_unknown {
    background-position: -462px -630px
}

.flag_small.flag_AD {
    background-position: -34px 0px
}

.flag_small.flag_AE {
    background-position: -374px -170px
}

.flag_small.flag_AF {
    background-position: 0px -34px
}

.flag_small.flag_AG {
    background-position: -34px -34px
}

.flag_small.flag_AI {
    background-position: -68px 0px
}

.flag_small.flag_AL {
    background-position: -68px -34px
}

.flag_small.flag_AM {
    background-position: 0px -68px
}

.flag_small.flag_AN {
    background-position: -34px -68px
}

.flag_small.flag_AO {
    background-position: -68px -68px
}

.flag_small.flag_AQ {
    background-position: -102px 0px
}

.flag_small.flag_AR {
    background-position: -102px -34px
}

.flag_small.flag_AS {
    background-position: -102px -68px
}

.flag_small.flag_AT {
    background-position: 0px -102px
}

.flag_small.flag_AU {
    background-position: -34px -102px
}

.flag_small.flag_AW {
    background-position: -68px -102px
}

.flag_small.flag_AX {
    background-position: -102px -102px
}

.flag_small.flag_AZ {
    background-position: -136px 0px
}

.flag_small.flag_BA {
    background-position: -136px -34px
}

.flag_small.flag_BB {
    background-position: -136px -68px
}

.flag_small.flag_BD {
    background-position: -136px -102px
}

.flag_small.flag_BE {
    background-position: 0px -136px
}

.flag_small.flag_BF {
    background-position: -34px -136px
}

.flag_small.flag_BG {
    background-position: -68px -136px
}

.flag_small.flag_BH {
    background-position: -102px -136px
}

.flag_small.flag_BI {
    background-position: -136px -136px
}

.flag_small.flag_BJ {
    background-position: -170px 0px
}

.flag_small.flag_BL {
    background-position: -170px -34px
}

.flag_small.flag_BM {
    background-position: -170px -68px
}

.flag_small.flag_BN {
    background-position: -170px -102px
}

.flag_small.flag_BO {
    background-position: -170px -136px
}

.flag_small.flag_BR {
    background-position: 0px -170px
}

.flag_small.flag_BS {
    background-position: -34px -170px
}

.flag_small.flag_BT {
    background-position: -68px -170px
}

.flag_small.flag_BW {
    background-position: -102px -170px
}

.flag_small.flag_BY {
    background-position: -136px -170px
}

.flag_small.flag_BZ {
    background-position: -170px -170px
}

.flag_small.flag_CA {
    background-position: -204px 0px
}

.flag_small.flag_CC {
    background-position: -204px -34px
}

.flag_small.flag_CD {
    background-position: -204px -68px
}

.flag_small.flag_CF {
    background-position: -204px -102px
}

.flag_small.flag_CG {
    background-position: -204px -136px
}

.flag_small.flag_CH {
    background-position: -204px -170px
}

.flag_small.flag_CI {
    background-position: 0px -204px
}

.flag_small.flag_CK {
    background-position: -34px -204px
}

.flag_small.flag_CL {
    background-position: -68px -204px
}

.flag_small.flag_CM {
    background-position: -102px -204px
}

.flag_small.flag_CN {
    background-position: -136px -204px
}

.flag_small.flag_CO {
    background-position: -170px -204px
}

.flag_small.flag_CR {
    background-position: -204px -204px
}

.flag_small.flag_CU {
    background-position: -238px 0px
}

.flag_small.flag_CV {
    background-position: -238px -34px
}

.flag_small.flag_CW {
    background-position: -238px -68px
}

.flag_small.flag_CX {
    background-position: -238px -102px
}

.flag_small.flag_CY {
    background-position: -238px -136px
}

.flag_small.flag_CZ {
    background-position: -238px -170px
}

.flag_small.flag_DE {
    background-position: -238px -204px
}

.flag_small.flag_DJ {
    background-position: 0px -238px
}

.flag_small.flag_DK {
    background-position: -34px -238px
}

.flag_small.flag_DM {
    background-position: -68px -238px
}

.flag_small.flag_DO {
    background-position: -102px -238px
}

.flag_small.flag_DZ {
    background-position: -136px -238px
}

.flag_small.flag_EC {
    background-position: -170px -238px
}

.flag_small.flag_EE {
    background-position: -204px -238px
}

.flag_small.flag_EG {
    background-position: -238px -238px
}

.flag_small.flag_EH {
    background-position: -272px 0px
}

.flag_small.flag_ER {
    background-position: -272px -34px
}

.flag_small.flag_ES {
    background-position: -272px -68px
}

.flag_small.flag_ET {
    background-position: -272px -102px
}

.flag_small.flag_EU {
    background-position: -272px -136px
}

.flag_small.flag_FI {
    background-position: -272px -170px
}

.flag_small.flag_FJ {
    background-position: -272px -204px
}

.flag_small.flag_FK {
    background-position: -272px -238px
}

.flag_small.flag_FM {
    background-position: 0px -272px
}

.flag_small.flag_FO {
    background-position: -34px -272px
}

.flag_small.flag_FR {
    background-position: -68px -272px
}

.flag_small.flag_GA {
    background-position: -102px -272px
}

.flag_small.flag_GB {
    background-position: -136px -272px
}

.flag_small.flag_GD {
    background-position: -170px -272px
}

.flag_small.flag_GE {
    background-position: -204px -272px
}

.flag_small.flag_GF {
    background-position: -238px -272px
}

.flag_small.flag_GG {
    background-position: -272px -272px
}

.flag_small.flag_GH {
    background-position: -306px 0px
}

.flag_small.flag_GI {
    background-position: -306px -34px
}

.flag_small.flag_GL {
    background-position: -306px -68px
}

.flag_small.flag_GM {
    background-position: -306px -102px
}

.flag_small.flag_GN {
    background-position: -306px -136px
}

.flag_small.flag_GP {
    background-position: -306px -170px
}

.flag_small.flag_GQ {
    background-position: -306px -204px
}

.flag_small.flag_GR {
    background-position: -306px -238px
}

.flag_small.flag_GS {
    background-position: -306px -272px
}

.flag_small.flag_GT {
    background-position: 0px -306px
}

.flag_small.flag_GU {
    background-position: -34px -306px
}

.flag_small.flag_GW {
    background-position: -68px -306px
}

.flag_small.flag_GY {
    background-position: -102px -306px
}

.flag_small.flag_HK {
    background-position: -136px -306px
}

.flag_small.flag_HN {
    background-position: -170px -306px
}

.flag_small.flag_HR {
    background-position: -204px -306px
}

.flag_small.flag_HT {
    background-position: -238px -306px
}

.flag_small.flag_HU {
    background-position: -272px -306px
}

.flag_small.flag_IC {
    background-position: -306px -306px
}

.flag_small.flag_ID {
    background-position: -340px 0px
}

.flag_small.flag_IE {
    background-position: -340px -34px
}

.flag_small.flag_IL {
    background-position: -340px -68px
}

.flag_small.flag_IM {
    background-position: -340px -102px
}

.flag_small.flag_IN {
    background-position: -340px -136px
}

.flag_small.flag_IQ {
    background-position: -340px -170px
}

.flag_small.flag_IR {
    background-position: -340px -204px
}

.flag_small.flag_IS {
    background-position: -340px -238px
}

.flag_small.flag_IT {
    background-position: -340px -272px
}

.flag_small.flag_JE {
    background-position: -340px -306px
}

.flag_small.flag_JM {
    background-position: 0px -340px
}

.flag_small.flag_JO {
    background-position: -34px -340px
}

.flag_small.flag_JP {
    background-position: -68px -340px
}

.flag_small.flag_KE {
    background-position: -102px -340px
}

.flag_small.flag_KG {
    background-position: -136px -340px
}

.flag_small.flag_KH {
    background-position: -170px -340px
}

.flag_small.flag_KI {
    background-position: -204px -340px
}

.flag_small.flag_KM {
    background-position: -238px -340px
}

.flag_small.flag_KN {
    background-position: -272px -340px
}

.flag_small.flag_KP {
    background-position: -306px -340px
}

.flag_small.flag_KR {
    background-position: -340px -340px
}

.flag_small.flag_KV {
    background-position: -374px 0px
}

.flag_small.flag_KW {
    background-position: -374px -34px
}

.flag_small.flag_KY {
    background-position: -374px -68px
}

.flag_small.flag_KZ {
    background-position: -374px -102px
}

.flag_small.flag_LA {
    background-position: -374px -136px
}

.flag_small.flag_LB {
    background-position: 0px 0px
}

.flag_small.flag_LC {
    background-position: -374px -204px
}

.flag_small.flag_LI {
    background-position: -374px -238px
}

.flag_small.flag_LK {
    background-position: -374px -272px
}

.flag_small.flag_LR {
    background-position: -374px -306px
}

.flag_small.flag_LS {
    background-position: -374px -340px
}

.flag_small.flag_LT {
    background-position: 0px -374px
}

.flag_small.flag_LU {
    background-position: -34px -374px
}

.flag_small.flag_LV {
    background-position: -68px -374px
}

.flag_small.flag_LY {
    background-position: -102px -374px
}

.flag_small.flag_MA {
    background-position: -136px -374px
}

.flag_small.flag_MC {
    background-position: -170px -374px
}

.flag_small.flag_MD {
    background-position: -204px -374px
}

.flag_small.flag_ME {
    background-position: -238px -374px
}

.flag_small.flag_MF {
    background-position: -272px -374px
}

.flag_small.flag_MG {
    background-position: -306px -374px
}

.flag_small.flag_MH {
    background-position: -340px -374px
}

.flag_small.flag_MK {
    background-position: -374px -374px
}

.flag_small.flag_ML {
    background-position: -408px 0px
}

.flag_small.flag_MM {
    background-position: -408px -34px
}

.flag_small.flag_MN {
    background-position: -408px -68px
}

.flag_small.flag_MO {
    background-position: -408px -102px
}

.flag_small.flag_MP {
    background-position: -408px -136px
}

.flag_small.flag_MQ {
    background-position: -408px -170px
}

.flag_small.flag_MR {
    background-position: -408px -204px
}

.flag_small.flag_MS {
    background-position: -408px -238px
}

.flag_small.flag_MT {
    background-position: -408px -272px
}

.flag_small.flag_MU {
    background-position: -408px -306px
}

.flag_small.flag_MV {
    background-position: -408px -340px
}

.flag_small.flag_MW {
    background-position: -408px -374px
}

.flag_small.flag_MX {
    background-position: 0px -408px
}

.flag_small.flag_MY {
    background-position: -34px -408px
}

.flag_small.flag_MZ {
    background-position: -68px -408px
}

.flag_small.flag_NA {
    background-position: -102px -408px
}

.flag_small.flag_NC {
    background-position: -136px -408px
}

.flag_small.flag_NE {
    background-position: -170px -408px
}

.flag_small.flag_NF {
    background-position: -204px -408px
}

.flag_small.flag_NG {
    background-position: -238px -408px
}

.flag_small.flag_NI {
    background-position: -272px -408px
}

.flag_small.flag_NL {
    background-position: -306px -408px
}

.flag_small.flag_NO {
    background-position: -340px -408px
}

.flag_small.flag_NP {
    background-position: -374px -408px
}

.flag_small.flag_NR {
    background-position: -408px -408px
}

.flag_small.flag_NU {
    background-position: -442px 0px
}

.flag_small.flag_NZ {
    background-position: -442px -34px
}

.flag_small.flag_OM {
    background-position: -442px -68px
}

.flag_small.flag_PA {
    background-position: -442px -102px
}

.flag_small.flag_PE {
    background-position: -442px -136px
}

.flag_small.flag_PF {
    background-position: -442px -170px
}

.flag_small.flag_PG {
    background-position: -442px -204px
}

.flag_small.flag_PH {
    background-position: -442px -238px
}

.flag_small.flag_PK {
    background-position: -442px -272px
}

.flag_small.flag_PL {
    background-position: -442px -306px
}

.flag_small.flag_PN {
    background-position: -442px -340px
}

.flag_small.flag_PR {
    background-position: -442px -374px
}

.flag_small.flag_PS {
    background-position: -442px -408px
}

.flag_small.flag_PT {
    background-position: 0px -442px
}

.flag_small.flag_PW {
    background-position: -34px -442px
}

.flag_small.flag_PY {
    background-position: -68px -442px
}

.flag_small.flag_QA {
    background-position: -102px -442px
}

.flag_small.flag_RE {
    background-position: -136px -442px
}

.flag_small.flag_RO {
    background-position: -170px -442px
}

.flag_small.flag_RS {
    background-position: -204px -442px
}

.flag_small.flag_RU {
    background-position: -238px -442px
}

.flag_small.flag_RW {
    background-position: -272px -442px
}

.flag_small.flag_SA {
    background-position: -306px -442px
}

.flag_small.flag_SB {
    background-position: -340px -442px
}

.flag_small.flag_SC {
    background-position: -374px -442px
}

.flag_small.flag_SD {
    background-position: -408px -442px
}

.flag_small.flag_SE {
    background-position: -442px -442px
}

.flag_small.flag_SG {
    background-position: -476px 0px
}

.flag_small.flag_SH {
    background-position: -476px -34px
}

.flag_small.flag_SI {
    background-position: -476px -68px
}

.flag_small.flag_SK {
    background-position: -476px -102px
}

.flag_small.flag_SL {
    background-position: -476px -136px
}

.flag_small.flag_SM {
    background-position: -476px -170px
}

.flag_small.flag_SN {
    background-position: -476px -204px
}

.flag_small.flag_SO {
    background-position: -476px -238px
}

.flag_small.flag_SR {
    background-position: -476px -272px
}

.flag_small.flag_SS {
    background-position: -476px -306px
}

.flag_small.flag_ST {
    background-position: -476px -340px
}

.flag_small.flag_SV {
    background-position: -476px -374px
}

.flag_small.flag_SY {
    background-position: -476px -408px
}

.flag_small.flag_SZ {
    background-position: -476px -442px
}

.flag_small.flag_TC {
    background-position: 0px -476px
}

.flag_small.flag_TD {
    background-position: -34px -476px
}

.flag_small.flag_TF {
    background-position: -68px -476px
}

.flag_small.flag_TG {
    background-position: -102px -476px
}

.flag_small.flag_TH {
    background-position: -136px -476px
}

.flag_small.flag_TJ {
    background-position: -170px -476px
}

.flag_small.flag_TK {
    background-position: -204px -476px
}

.flag_small.flag_TL {
    background-position: -238px -476px
}

.flag_small.flag_TM {
    background-position: -272px -476px
}

.flag_small.flag_TN {
    background-position: -306px -476px
}

.flag_small.flag_TO {
    background-position: -340px -476px
}

.flag_small.flag_TR {
    background-position: -374px -476px
}

.flag_small.flag_TT {
    background-position: -408px -476px
}

.flag_small.flag_TV {
    background-position: -442px -476px
}

.flag_small.flag_TW {
    background-position: -476px -476px
}

.flag_small.flag_TZ {
    background-position: -510px 0px
}

.flag_small.flag_UA {
    background-position: -510px -34px
}

.flag_small.flag_UG {
    background-position: -510px -68px
}

.flag_small.flag_US {
    background-position: -510px -102px
}

.flag_small.flag_UY {
    background-position: -510px -136px
}

.flag_small.flag_UZ {
    background-position: -510px -170px
}

.flag_small.flag_VA {
    background-position: -510px -204px
}

.flag_small.flag_VC {
    background-position: -510px -238px
}

.flag_small.flag_VE {
    background-position: -510px -272px
}

.flag_small.flag_VG {
    background-position: -510px -306px
}

.flag_small.flag_VI {
    background-position: -510px -340px
}

.flag_small.flag_VN {
    background-position: -510px -374px
}

.flag_small.flag_VU {
    background-position: -510px -408px
}

.flag_small.flag_WF {
    background-position: -510px -442px
}

.flag_small.flag_WS {
    background-position: -510px -476px
}

.flag_small.flag_XB {
    background-position: 0px -510px
}

.flag_small.flag_XC {
    background-position: -34px -510px
}

.flag_small.flag_XE {
    background-position: -68px -510px
}

.flag_small.flag_XM {
    background-position: -102px -510px
}

.flag_small.flag_XN {
    background-position: -136px -510px
}

.flag_small.flag_XY {
    background-position: -170px -510px
}

.flag_small.flag_YE {
    background-position: -204px -510px
}

.flag_small.flag_YT {
    background-position: -238px -510px
}

.flag_small.flag_ZA {
    background-position: -272px -510px
}

.flag_small.flag_ZM {
    background-position: -306px -510px
}

.flag_small.flag_ZW {
    background-position: -340px -510px
}

.flag_small.flag_unknown-small {
    background-position: -374px -510px
}

a[href$='.doc']:not(.dlLink):before, a[href$='.DOC']:not(.dlLink):before, a[href$='.docx']:not(.dlLink):before, a[href$='.DOCX']:not(.dlLink):before, a[href$='.xls']:not(.dlLink):before, a[href$='.XLS']:not(.dlLink):before, a[href$='.xlsx']:not(.dlLink):before, a[href$='.XLSX']:not(.dlLink):before, a[href$='.csv']:not(.dlLink):before, a[href$='.CSV']:not(.dlLink):before, a[href$='.pdf']:not(.dlLink):before, a[href$='.PDF']:not(.dlLink):before {
    display: inline-block;
    width: 14px;
    height: 13px;
    margin-right: 4px;
    content: ''
}

a[href$='.doc']:not(.dlLink):before, a[href$='.DOC']:not(.dlLink):before, a[href$='.docx']:not(.dlLink):before, a[href$='.DOCX']:not(.dlLink):before {
    background: url("../img/doc.svg") no-repeat center
}

a[href$='.xls']:not(.dlLink):before, a[href$='.XLS']:not(.dlLink):before, a[href$='.xlsx']:not(.dlLink):before, a[href$='.XLSX']:not(.dlLink):before, a[href$='.csv']:not(.dlLink):before, a[href$='.CSV']:not(.dlLink):before {
    background: url("../img/xls.svg") no-repeat center
}

a[href$='.pdf']:not(.dlLink):before, a[href$='.PDF']:not(.dlLink):before {
    background: url("../img/pdf.svg") no-repeat center
}

.v2-p a[href$='.doc']:not(.dlLink):before, .v2-p a[href$='.DOC']:not(.dlLink):before, .v2-p a[href$='.docx']:not(.dlLink):before, .v2-p a[href$='.DOCX']:not(.dlLink):before, .v2-p a[href$='.xls']:not(.dlLink):before, .v2-p a[href$='.XLS']:not(.dlLink):before, .v2-p a[href$='.xlsx']:not(.dlLink):before, .v2-p a[href$='.XLSX']:not(.dlLink):before, .v2-p a[href$='.csv']:not(.dlLink):before, .v2-p a[href$='.CSV']:not(.dlLink):before, .v2-p a[href$='.pdf']:not(.dlLink):before, .v2-p a[href$='.PDF']:not(.dlLink):before, .v2-h1 a[href$='.doc']:not(.dlLink):before, .v2-h1 a[href$='.DOC']:not(.dlLink):before, .v2-h1 a[href$='.docx']:not(.dlLink):before, .v2-h1 a[href$='.DOCX']:not(.dlLink):before, .v2-h1 a[href$='.xls']:not(.dlLink):before, .v2-h1 a[href$='.XLS']:not(.dlLink):before, .v2-h1 a[href$='.xlsx']:not(.dlLink):before, .v2-h1 a[href$='.XLSX']:not(.dlLink):before, .v2-h1 a[href$='.csv']:not(.dlLink):before, .v2-h1 a[href$='.CSV']:not(.dlLink):before, .v2-h1 a[href$='.pdf']:not(.dlLink):before, .v2-h1 a[href$='.PDF']:not(.dlLink):before, .v2-h2 a[href$='.doc']:not(.dlLink):before, .v2-h2 a[href$='.DOC']:not(.dlLink):before, .v2-h2 a[href$='.docx']:not(.dlLink):before, .v2-h2 a[href$='.DOCX']:not(.dlLink):before, .v2-h2 a[href$='.xls']:not(.dlLink):before, .v2-h2 a[href$='.XLS']:not(.dlLink):before, .v2-h2 a[href$='.xlsx']:not(.dlLink):before, .v2-h2 a[href$='.XLSX']:not(.dlLink):before, .v2-h2 a[href$='.csv']:not(.dlLink):before, .v2-h2 a[href$='.CSV']:not(.dlLink):before, .v2-h2 a[href$='.pdf']:not(.dlLink):before, .v2-h2 a[href$='.PDF']:not(.dlLink):before, .v2-h3 a[href$='.doc']:not(.dlLink):before, .v2-h3 a[href$='.DOC']:not(.dlLink):before, .v2-h3 a[href$='.docx']:not(.dlLink):before, .v2-h3 a[href$='.DOCX']:not(.dlLink):before, .v2-h3 a[href$='.xls']:not(.dlLink):before, .v2-h3 a[href$='.XLS']:not(.dlLink):before, .v2-h3 a[href$='.xlsx']:not(.dlLink):before, .v2-h3 a[href$='.XLSX']:not(.dlLink):before, .v2-h3 a[href$='.csv']:not(.dlLink):before, .v2-h3 a[href$='.CSV']:not(.dlLink):before, .v2-h3 a[href$='.pdf']:not(.dlLink):before, .v2-h3 a[href$='.PDF']:not(.dlLink):before, .v2-h4 a[href$='.doc']:not(.dlLink):before, .v2-h4 a[href$='.DOC']:not(.dlLink):before, .v2-h4 a[href$='.docx']:not(.dlLink):before, .v2-h4 a[href$='.DOCX']:not(.dlLink):before, .v2-h4 a[href$='.xls']:not(.dlLink):before, .v2-h4 a[href$='.XLS']:not(.dlLink):before, .v2-h4 a[href$='.xlsx']:not(.dlLink):before, .v2-h4 a[href$='.XLSX']:not(.dlLink):before, .v2-h4 a[href$='.csv']:not(.dlLink):before, .v2-h4 a[href$='.CSV']:not(.dlLink):before, .v2-h4 a[href$='.pdf']:not(.dlLink):before, .v2-h4 a[href$='.PDF']:not(.dlLink):before, .v2-h5 a[href$='.doc']:not(.dlLink):before, .v2-h5 a[href$='.DOC']:not(.dlLink):before, .v2-h5 a[href$='.docx']:not(.dlLink):before, .v2-h5 a[href$='.DOCX']:not(.dlLink):before, .v2-h5 a[href$='.xls']:not(.dlLink):before, .v2-h5 a[href$='.XLS']:not(.dlLink):before, .v2-h5 a[href$='.xlsx']:not(.dlLink):before, .v2-h5 a[href$='.XLSX']:not(.dlLink):before, .v2-h5 a[href$='.csv']:not(.dlLink):before, .v2-h5 a[href$='.CSV']:not(.dlLink):before, .v2-h5 a[href$='.pdf']:not(.dlLink):before, .v2-h5 a[href$='.PDF']:not(.dlLink):before, .v2-large a[href$='.doc']:not(.dlLink):before, .v2-large a[href$='.DOC']:not(.dlLink):before, .v2-large a[href$='.docx']:not(.dlLink):before, .v2-large a[href$='.DOCX']:not(.dlLink):before, .v2-large a[href$='.xls']:not(.dlLink):before, .v2-large a[href$='.XLS']:not(.dlLink):before, .v2-large a[href$='.xlsx']:not(.dlLink):before, .v2-large a[href$='.XLSX']:not(.dlLink):before, .v2-large a[href$='.csv']:not(.dlLink):before, .v2-large a[href$='.CSV']:not(.dlLink):before, .v2-large a[href$='.pdf']:not(.dlLink):before, .v2-large a[href$='.PDF']:not(.dlLink):before, .v2-small a[href$='.doc']:not(.dlLink):before, .v2-small a[href$='.DOC']:not(.dlLink):before, .v2-small a[href$='.docx']:not(.dlLink):before, .v2-small a[href$='.DOCX']:not(.dlLink):before, .v2-small a[href$='.xls']:not(.dlLink):before, .v2-small a[href$='.XLS']:not(.dlLink):before, .v2-small a[href$='.xlsx']:not(.dlLink):before, .v2-small a[href$='.XLSX']:not(.dlLink):before, .v2-small a[href$='.csv']:not(.dlLink):before, .v2-small a[href$='.CSV']:not(.dlLink):before, .v2-small a[href$='.pdf']:not(.dlLink):before, .v2-small a[href$='.PDF']:not(.dlLink):before, .v2-tiny a[href$='.doc']:not(.dlLink):before, .v2-tiny a[href$='.DOC']:not(.dlLink):before, .v2-tiny a[href$='.docx']:not(.dlLink):before, .v2-tiny a[href$='.DOCX']:not(.dlLink):before, .v2-tiny a[href$='.xls']:not(.dlLink):before, .v2-tiny a[href$='.XLS']:not(.dlLink):before, .v2-tiny a[href$='.xlsx']:not(.dlLink):before, .v2-tiny a[href$='.XLSX']:not(.dlLink):before, .v2-tiny a[href$='.csv']:not(.dlLink):before, .v2-tiny a[href$='.CSV']:not(.dlLink):before, .v2-tiny a[href$='.pdf']:not(.dlLink):before, .v2-tiny a[href$='.PDF']:not(.dlLink):before, .p a[href$='.doc']:not(.dlLink):before, .p a[href$='.DOC']:not(.dlLink):before, .p a[href$='.docx']:not(.dlLink):before, .p a[href$='.DOCX']:not(.dlLink):before, .p a[href$='.xls']:not(.dlLink):before, .p a[href$='.XLS']:not(.dlLink):before, .p a[href$='.xlsx']:not(.dlLink):before, .p a[href$='.XLSX']:not(.dlLink):before, .p a[href$='.csv']:not(.dlLink):before, .p a[href$='.CSV']:not(.dlLink):before, .p a[href$='.pdf']:not(.dlLink):before, .p a[href$='.PDF']:not(.dlLink):before, .h1 a[href$='.doc']:not(.dlLink):before, .h1 a[href$='.DOC']:not(.dlLink):before, .h1 a[href$='.docx']:not(.dlLink):before, .h1 a[href$='.DOCX']:not(.dlLink):before, .h1 a[href$='.xls']:not(.dlLink):before, .h1 a[href$='.XLS']:not(.dlLink):before, .h1 a[href$='.xlsx']:not(.dlLink):before, .h1 a[href$='.XLSX']:not(.dlLink):before, .h1 a[href$='.csv']:not(.dlLink):before, .h1 a[href$='.CSV']:not(.dlLink):before, .h1 a[href$='.pdf']:not(.dlLink):before, .h1 a[href$='.PDF']:not(.dlLink):before, .h2 a[href$='.doc']:not(.dlLink):before, .h2 a[href$='.DOC']:not(.dlLink):before, .h2 a[href$='.docx']:not(.dlLink):before, .h2 a[href$='.DOCX']:not(.dlLink):before, .h2 a[href$='.xls']:not(.dlLink):before, .h2 a[href$='.XLS']:not(.dlLink):before, .h2 a[href$='.xlsx']:not(.dlLink):before, .h2 a[href$='.XLSX']:not(.dlLink):before, .h2 a[href$='.csv']:not(.dlLink):before, .h2 a[href$='.CSV']:not(.dlLink):before, .h2 a[href$='.pdf']:not(.dlLink):before, .h2 a[href$='.PDF']:not(.dlLink):before, .h3 a[href$='.doc']:not(.dlLink):before, .h3 a[href$='.DOC']:not(.dlLink):before, .h3 a[href$='.docx']:not(.dlLink):before, .h3 a[href$='.DOCX']:not(.dlLink):before, .h3 a[href$='.xls']:not(.dlLink):before, .h3 a[href$='.XLS']:not(.dlLink):before, .h3 a[href$='.xlsx']:not(.dlLink):before, .h3 a[href$='.XLSX']:not(.dlLink):before, .h3 a[href$='.csv']:not(.dlLink):before, .h3 a[href$='.CSV']:not(.dlLink):before, .h3 a[href$='.pdf']:not(.dlLink):before, .h3 a[href$='.PDF']:not(.dlLink):before, .h4 a[href$='.doc']:not(.dlLink):before, .h4 a[href$='.DOC']:not(.dlLink):before, .h4 a[href$='.docx']:not(.dlLink):before, .h4 a[href$='.DOCX']:not(.dlLink):before, .h4 a[href$='.xls']:not(.dlLink):before, .h4 a[href$='.XLS']:not(.dlLink):before, .h4 a[href$='.xlsx']:not(.dlLink):before, .h4 a[href$='.XLSX']:not(.dlLink):before, .h4 a[href$='.csv']:not(.dlLink):before, .h4 a[href$='.CSV']:not(.dlLink):before, .h4 a[href$='.pdf']:not(.dlLink):before, .h4 a[href$='.PDF']:not(.dlLink):before, .pre a[href$='.doc']:not(.dlLink):before, .pre a[href$='.DOC']:not(.dlLink):before, .pre a[href$='.docx']:not(.dlLink):before, .pre a[href$='.DOCX']:not(.dlLink):before, .pre a[href$='.xls']:not(.dlLink):before, .pre a[href$='.XLS']:not(.dlLink):before, .pre a[href$='.xlsx']:not(.dlLink):before, .pre a[href$='.XLSX']:not(.dlLink):before, .pre a[href$='.csv']:not(.dlLink):before, .pre a[href$='.CSV']:not(.dlLink):before, .pre a[href$='.pdf']:not(.dlLink):before, .pre a[href$='.PDF']:not(.dlLink):before {
    content: none
}

.package-type__img-icon {
    display: inline-block;
    vertical-align: middle;
    height: 34px;
    width: 50px;
    background-image: url("../img/packaging.png");
    background-repeat: no-repeat;
    background-position: -462px -630px
}

.packaging-1CE {
    background-position: -1370px -901px
}

.packaging-1NE {
    background-position: -1420px -940px
}

.packaging-2BC {
    background-position: -421px -249px
}

.packaging-2BP {
    background-position: -134px -60px
}

.packaging-2BX {
    background-position: -870px -556px
}

.packaging-3BX {
    background-position: -1020px -658px
}

.packaging-3TU {
    background-position: -1070px -692px
}

.packaging-4BX {
    background-position: -1120px -726px
}

.packaging-4TU {
    background-position: -1170px -760px
}

.packaging-5BX {
    background-position: -1220px -794px
}

.packaging-6BX {
    background-position: -1270px -828px
}

.packaging-7BX {
    background-position: -520px -318px
}

.packaging-7CBX {
    background-position: -570px -352px
}

.packaging-8BX {
    background-position: -620px -386px
}

.packaging-CE1 {
    background-position: -1320px -862px
}

.packaging-COY {
    background-position: -470px -284px
}

.packaging-DBL {
    background-position: -770px -488px
}

.packaging-FLY {
    background-position: -820px -522px
}

.packaging-FXL {
    background-position: 0px 0px
}

.packaging-NCY {
    background-position: -920px -590px
}

.packaging-PAL {
    background-position: -970px -624px
}

.packaging-TBL {
    background-position: -34px -35px
}

.packaging-TBS {
    background-position: -84px -44px
}

.packaging-WB1 {
    background-position: -372px -214px
}

.packaging-WB2 {
    background-position: -176px -95px
}

.packaging-WB3 {
    background-position: -226px -118px
}

.packaging-WB4 {
    background-position: -322px -181px
}

.packaging-WB6 {
    background-position: -720px -454px
}

.packaging-XPD {
    background-position: -276px -146px
}

.packaging-flyer-standard {
    background-position: -670px -420px
}

.packaging-1NE {
    height: 50px
}

.n-row {
    position: relative;
    margin: 0 -1.15248%
}

    .n-row:after {
        clear: both;
        content: '';
        display: block
    }

.n-col-0-half, .width-0-half {
    width: 4.16667%
}

.n-col-1, .width-1 {
    width: 8.33333%
}

.n-col-1-half, .width-1-half {
    width: 12.5%
}

.n-col-2, .width-2 {
    width: 16.66667%
}

.n-col-2-half, .width-2-half {
    width: 20.83333%
}

.n-col-3, .width-3 {
    width: 25%
}

.n-col-3-half, .width-3-half {
    width: 29.16667%
}

.n-col-4, .width-4 {
    width: 33.33333%
}

.n-col-4-half, .width-4-half {
    width: 37.5%
}

.n-col-5, .width-5 {
    width: 41.66667%
}

.n-col-5-half, .width-5-half {
    width: 45.83333%
}

.n-col-6, .width-6 {
    width: 50%
}

.n-col-6-half, .width-6-half {
    width: 54.16667%
}

.n-col-7, .width-7 {
    width: 58.33333%
}

.n-col-7-half, .width-7-half {
    width: 62.5%
}

.n-col-8, .width-8 {
    width: 66.66667%
}

.n-col-8-half, .width-8-half {
    width: 70.83333%
}

.n-col-9, .width-9 {
    width: 75%
}

.n-col-9-half, .width-9-half {
    width: 79.16667%
}

.n-col-10, .width-10 {
    width: 83.33333%
}

.n-col-10-half, .width-10-half {
    width: 87.5%
}

.n-col-11, .width-11 {
    width: 91.66667%
}

.n-col-11-half, .width-11-half {
    width: 95.83333%
}

.n-col-12, .width-12 {
    width: 100%
}

.n-col-0, .n-col-0-half, .n-col-1, .n-col-1-half, .n-col-2, .n-col-2-half, .n-col-3, .n-col-3-half, .n-col-4, .n-col-4-half, .n-col-5, .n-col-5-half, .n-col-6, .n-col-6-half, .n-col-7, .n-col-7-half, .n-col-8, .n-col-8-half, .n-col-9, .n-col-9-half, .n-col-10, .n-col-10-half, .n-col-11, .n-col-11-half, .n-col-12, .n-col-12-half {
    min-height: 1px;
    float: left;
    padding: 0 1.15248%
}

.n-offset-1 {
    margin-left: 8.33333%
}

.n-offset-1-half {
    margin-left: 12.5%
}

.n-offset-2 {
    margin-left: 16.66667%
}

.n-offset-2-half {
    margin-left: 20.83333%
}

.n-offset-3 {
    margin-left: 25%
}

.n-offset-3-half {
    margin-left: 29.16667%
}

.n-offset-4 {
    margin-left: 33.33333%
}

.n-offset-4-half {
    margin-left: 37.5%
}

.n-offset-5 {
    margin-left: 41.66667%
}

.n-offset-5-half {
    margin-left: 45.83333%
}

.n-offset-6 {
    margin-left: 50%
}

.n-offset-6-half {
    margin-left: 54.16667%
}

.n-offset-7 {
    margin-left: 58.33333%
}

.n-offset-7-half {
    margin-left: 62.5%
}

.n-offset-8 {
    margin-left: 66.66667%
}

.n-offset-8-half {
    margin-left: 70.83333%
}

.n-offset-9 {
    margin-left: 75%
}

.n-offset-9-half {
    margin-left: 79.16667%
}

.n-offset-10 {
    margin-left: 83.33333%
}

.n-offset-10-half {
    margin-left: 87.5%
}

.n-offset-11 {
    margin-left: 91.66667%
}

.n-offset-11-half {
    margin-left: 95.83333%
}

.col-table {
    width: 100%;
    table-layout: fixed
}

    .col-table td {
        float: none
    }

.col {
    display: inline-block;
    min-height: 1px;
    margin-right: 2.30496%;
    vertical-align: middle
}

    .col:last-child {
        margin-right: 0
    }

.col-devider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 1px solid #a1a1a1
}

.row {
    position: relative
}

    .row:after {
        clear: both;
        content: '';
        display: block
    }

.col-1 {
    width: 6.1706%;
    margin-left: 2.35935%
}

.col-1-half {
    width: 10.43557%;
    margin-left: 2.35935%
}

.col-2 {
    width: 14.70054%;
    margin-left: 2.35935%
}

.col-2-half {
    width: 18.96552%;
    margin-left: 2.35935%
}

.col-3 {
    width: 23.23049%;
    margin-left: 2.35935%
}

.col-3-half {
    width: 27.49546%;
    margin-left: 2.35935%
}

.col-4 {
    width: 31.76044%;
    margin-left: 2.35935%
}

.col-4-half {
    width: 36.02541%;
    margin-left: 2.35935%
}

.col-5 {
    width: 40.29038%;
    margin-left: 2.35935%
}

.col-5-half {
    width: 44.55535%;
    margin-left: 2.35935%
}

.col-6 {
    width: 48.82033%;
    margin-left: 2.35935%
}

.col-6-half {
    width: 53.0853%;
    margin-left: 2.35935%
}

.col-7 {
    width: 57.35027%;
    margin-left: 2.35935%
}

.col-7-half {
    width: 61.61525%;
    margin-left: 2.35935%
}

.col-8 {
    width: 65.88022%;
    margin-left: 2.35935%
}

.col-8-half {
    width: 70.14519%;
    margin-left: 2.35935%
}

.col-9 {
    width: 74.41016%;
    margin-left: 2.35935%
}

.col-9-half {
    width: 78.67514%;
    margin-left: 2.35935%
}

.col-10 {
    width: 82.94011%;
    margin-left: 2.35935%
}

.col-10-half {
    width: 87.20508%;
    margin-left: 2.35935%
}

.col-11 {
    width: 91.47005%;
    margin-left: 2.35935%
}

.col-11-half {
    width: 95.73503%;
    margin-left: 2.35935%
}

.col-12 {
    width: 100%;
    margin-left: 2.35935%
}

.col-1, .col-1-half, .col-2, .col-2-half, .col-3, .col-3-half, .col-4, .col-4-half, .col-5, .col-5-half, .col-6, .col-6-half, .col-7, .col-7-half, .col-8, .col-8-half, .col-9, .col-9-half, .col-10, .col-10-half, .col-11, .col-11-half, .col-12 {
    min-height: 1px;
    float: left
}

    .col-1:first-child, .col-1-half:first-child, .col-2:first-child, .col-2-half:first-child, .col-3:first-child, .col-3-half:first-child, .col-4:first-child, .col-4-half:first-child, .col-5:first-child, .col-5-half:first-child, .col-6:first-child, .col-6-half:first-child, .col-7:first-child, .col-7-half:first-child, .col-8:first-child, .col-8-half:first-child, .col-9:first-child, .col-9-half:first-child, .col-10:first-child, .col-10-half:first-child, .col-11:first-child, .col-11-half:first-child, .col-12:first-child {
        margin-left: 0
    }

.offset-1 {
    margin-left: 10.88929%
}

    .offset-1:first-child {
        margin-left: 8.52995%
    }

.offset-1-half {
    margin-left: 15.15426%
}

    .offset-1-half:first-child {
        margin-left: 12.79492%
    }

.offset-2 {
    margin-left: 21.77858%
}

    .offset-2:first-child {
        margin-left: 19.41924%
    }

.offset-2-half {
    margin-left: 26.04356%
}

    .offset-2-half:first-child {
        margin-left: 23.68421%
    }

.offset-3 {
    margin-left: 32.66788%
}

    .offset-3:first-child {
        margin-left: 30.30853%
    }

.offset-3-half {
    margin-left: 36.93285%
}

    .offset-3-half:first-child {
        margin-left: 34.5735%
    }

.offset-4 {
    margin-left: 43.55717%
}

    .offset-4:first-child {
        margin-left: 41.19782%
    }

.offset-4-half {
    margin-left: 47.82214%
}

    .offset-4-half:first-child {
        margin-left: 45.46279%
    }

.offset-5 {
    margin-left: 54.44646%
}

    .offset-5:first-child {
        margin-left: 52.08711%
    }

.offset-5-half {
    margin-left: 58.71143%
}

    .offset-5-half:first-child {
        margin-left: 56.35209%
    }

.offset-6 {
    margin-left: 65.33575%
}

    .offset-6:first-child {
        margin-left: 62.97641%
    }

.offset-6-half {
    margin-left: 69.60073%
}

    .offset-6-half:first-child {
        margin-left: 67.24138%
    }

.offset-7 {
    margin-left: 76.22505%
}

    .offset-7:first-child {
        margin-left: 73.8657%
    }

.offset-7-half {
    margin-left: 80.49002%
}

    .offset-7-half:first-child {
        margin-left: 78.13067%
    }

.offset-8 {
    margin-left: 87.11434%
}

    .offset-8:first-child {
        margin-left: 84.75499%
    }

.offset-8-half {
    margin-left: 91.37931%
}

    .offset-8-half:first-child {
        margin-left: 89.01996%
    }

.offset-9 {
    margin-left: 98.00363%
}

    .offset-9:first-child {
        margin-left: 95.64428%
    }

.offset-9-half {
    margin-left: 102.2686%
}

    .offset-9-half:first-child {
        margin-left: 99.90926%
    }

.offset-10 {
    margin-left: 108.89292%
}

    .offset-10:first-child {
        margin-left: 106.53358%
    }

.offset-10-half {
    margin-left: 113.15789%
}

    .offset-10-half:first-child {
        margin-left: 110.79855%
    }

.offset-11 {
    margin-left: 119.78221%
}

    .offset-11:first-child {
        margin-left: 117.42287%
    }

.offset-11-half {
    margin-left: 124.04719%
}

    .offset-11-half:first-child {
        margin-left: 121.68784%
    }

.column-100-2, .column-100-2a, .column-100-2b, .column-100-2c, .column-100-3, .column-100-4, .column-100-5 {
    display: table;
    width: 100%;
    width: calc(100% + 50px);
    margin: 0 -25px;
    border-spacing: 25px 0;
    table-layout: fixed
}

.column-100-2-c0, .column-100-2-c1, .column-100-2-c2, .column-100-2-c3, .column-100-2-c4, .column-100-2a-c0, .column-100-2a-c1, .column-100-2a-c2, .column-100-2a-c3, .column-100-2a-c4, .column-100-2b-c0, .column-100-2b-c1, .column-100-2b-c2, .column-100-2b-c3, .column-100-2b-c4, .column-100-2c-c0, .column-100-2c-c1, .column-100-2c-c2, .column-100-2c-c3, .column-100-2c-c4, .column-100-3-c0, .column-100-3-c1, .column-100-3-c2, .column-100-3-c3, .column-100-3-c4, .column-100-4-c0, .column-100-4-c1, .column-100-4-c2, .column-100-4-c3, .column-100-4-c4, .column-100-5-c0, .column-100-5-c1, .column-100-5-c2, .column-100-5-c3, .column-100-5-c4 {
    display: table-cell;
    vertical-align: top
}

.column-100-2-no-padding, .column-100-2a-no-padding, .column-100-2b-no-padding, .column-100-2c-no-padding, .column-100-3-no-padding, .column-100-4-no-padding, .column-100-5-no-padding {
    width: 100%
}

.column-100-2-no-padding-c0, .column-100-2-no-padding-c1, .column-100-2-no-padding-c2, .column-100-2-no-padding-c3, .column-100-2-no-padding-c4, .column-100-2a-no-padding-c0, .column-100-2a-no-padding-c1, .column-100-2a-no-padding-c2, .column-100-2a-no-padding-c3, .column-100-2a-no-padding-c4, .column-100-2b-no-padding-c0, .column-100-2b-no-padding-c1, .column-100-2b-no-padding-c2, .column-100-2b-no-padding-c3, .column-100-2b-no-padding-c4, .column-100-2c-no-padding-c0, .column-100-2c-no-padding-c1, .column-100-2c-no-padding-c2, .column-100-2c-no-padding-c3, .column-100-2c-no-padding-c4, .column-100-3-no-padding-c0, .column-100-3-no-padding-c1, .column-100-3-no-padding-c2, .column-100-3-no-padding-c3, .column-100-3-no-padding-c4, .column-100-4-no-padding-c0, .column-100-4-no-padding-c1, .column-100-4-no-padding-c2, .column-100-4-no-padding-c3, .column-100-4-no-padding-c4, .column-100-5-no-padding-c0, .column-100-5-no-padding-c1, .column-100-5-no-padding-c2, .column-100-5-no-padding-c3, .column-100-5-no-padding-c4 {
    display: table-cell
}

.column-100-2-c0, .column-100-2-c1, .column-100-2-no-padding-c0, .column-100-2-no-padding-c1 {
    width: 50%
}

.column-100-2a-c0, .column-100-2a-no-padding-c0 {
    width: 33%
}

.column-100-2a-c1, .column-100-2a-no-padding-c1 {
    width: 67%
}

.column-100-2b-c0, .column-100-2b-no-padding-c0 {
    width: 30%
}

.column-100-2b-c1, .column-100-2b-no-padding-c1 {
    width: 70%
}

.column-100-2c-c0, .column-100-2c-no-padding-c0 {
    width: 75%
}

.column-100-2c-c1, .column-100-2c-no-padding-c1 {
    width: 25%
}

.column-100-3-c0, .column-100-3-c1, .column-100-3-c2, .column-100-3-no-padding-c0, .column-100-3-no-padding-c1, .column-100-3-no-padding-c2 {
    width: 33.33%
}

.column-100-4-c0, .column-100-4-c1, .column-100-4-c2, .column-100-4-c3, .column-100-4-no-padding-c0, .column-100-4-no-padding-c1, .column-100-4-no-padding-c2, .column-100-4-no-padding-c3 {
    width: 25%
}

.column-100-5-c0, .column-100-5-c1, .column-100-5-c2, .column-100-5-c3, .column-100-5-c4, .column-100-5-no-padding-c0, .column-100-5-no-padding-c1, .column-100-5-no-padding-c2, .column-100-5-no-padding-c3, .column-100-5-no-padding-c4 {
    width: 20%
}

.columns-white .column-100-2-c0, .columns-white .column-100-2-c1, .columns-white .column-100-2-c2, .columns-white .column-100-2-c3, .columns-white .column-100-2-c4, .columns-white .column-100-2a-c0, .columns-white .column-100-2a-c1, .columns-white .column-100-2a-c2, .columns-white .column-100-2a-c3, .columns-white .column-100-2a-c4, .columns-white .column-100-2b-c0, .columns-white .column-100-2b-c1, .columns-white .column-100-2b-c2, .columns-white .column-100-2b-c3, .columns-white .column-100-2b-c4, .columns-white .column-100-2c-c0, .columns-white .column-100-2c-c1, .columns-white .column-100-2c-c2, .columns-white .column-100-2c-c3, .columns-white .column-100-2c-c4, .columns-white .column-100-3-c0, .columns-white .column-100-3-c1, .columns-white .column-100-3-c2, .columns-white .column-100-3-c3, .columns-white .column-100-3-c4, .columns-white .column-100-4-c0, .columns-white .column-100-4-c1, .columns-white .column-100-4-c2, .columns-white .column-100-4-c3, .columns-white .column-100-4-c4, .columns-white .column-100-5-c0, .columns-white .column-100-5-c1, .columns-white .column-100-5-c2, .columns-white .column-100-5-c3, .columns-white .column-100-5-c4 {
    background-color: #fff
}

.login-page .column-100-2-c0, .login-page .column-100-2-c1, .login-page .column-100-2-c2, .login-page .column-100-2-c3, .login-page .column-100-2a-c0, .login-page .column-100-2a-c1, .login-page .column-100-2a-c2, .login-page .column-100-2a-c3, .login-page .column-100-2b-c0, .login-page .column-100-2b-c1, .login-page .column-100-2b-c2, .login-page .column-100-2b-c3, .login-page .column-100-2c-c0, .login-page .column-100-2c-c1, .login-page .column-100-2c-c2, .login-page .column-100-2c-c3, .login-page .column-100-3-c0, .login-page .column-100-3-c1, .login-page .column-100-3-c2, .login-page .column-100-3-c3, .login-page .column-100-4-c0, .login-page .column-100-4-c1, .login-page .column-100-4-c2, .login-page .column-100-4-c3, .home-page .column-100-2-c0, .home-page .column-100-2-c1, .home-page .column-100-2-c2, .home-page .column-100-2-c3, .home-page .column-100-2a-c0, .home-page .column-100-2a-c1, .home-page .column-100-2a-c2, .home-page .column-100-2a-c3, .home-page .column-100-2b-c0, .home-page .column-100-2b-c1, .home-page .column-100-2b-c2, .home-page .column-100-2b-c3, .home-page .column-100-2c-c0, .home-page .column-100-2c-c1, .home-page .column-100-2c-c2, .home-page .column-100-2c-c3, .home-page .column-100-3-c0, .home-page .column-100-3-c1, .home-page .column-100-3-c2, .home-page .column-100-3-c3, .home-page .column-100-4-c0, .home-page .column-100-4-c1, .home-page .column-100-4-c2, .home-page .column-100-4-c3 {
    padding-bottom: 40px
}

.container {
    position: relative;
    min-width: 1000px;
    max-width: 1100px;
    margin: 0 auto
}

    .container:after {
        clear: both;
        content: '';
        display: block
    }

.v2-home-page .container, .v2-page-loader .dhl-external-access .container {
    min-width: auto;
    max-width: 1150px
}

.content-page-container {
    position: relative;
    max-width: 1100px;
    box-sizing: content-box;
    margin: 27px auto;
    padding: 0 25px
}

    .content-page-container:after {
        clear: both;
        content: '';
        display: block
    }

.content-page-feature-container {
    min-height: 17px;
    display: inline-block;
    width: 100%
}

    .content-page-feature-container .feature-box {
        margin-top: -2px
    }

.content-page-content-container {
    display: inline-block;
    width: calc(70% - 39px);
    vertical-align: top
}

.lt-ie9 .content-page-content-container {
    width: 66.4545%
}

.content-page-teaser-container {
    display: inline-block;
    width: 30%;
    margin-left: 35px;
    vertical-align: top
}

.share-popup {
    display: inline-block;
    margin-left: 17px
}

    .share-popup .dropdown {
        text-align: left;
        left: auto;
        right: 1em;
        width: 24em;
        border-radius: .25em;
        padding: 1.25em;
        box-sizing: content-box;
        background-color: #fff;
        box-shadow: 0 1px 7px 1px rgba(0,0,0,0.2);
        top: 2em;
        margin: 0;
        -webkit-transition: all .25s;
        transition: all .25s
    }

        .share-popup .dropdown:before {
            left: auto;
            right: 8px;
            top: -8px;
            border-bottom-color: #fff
        }

.share-popup-container {
    color: #444;
    font-size: 14px
}

.share-popup-container_description {
    margin: 0.5em 0
}

.share-popup-container .url {
    word-break: normal;
    word-wrap: break-word
}

.share-popup-visible .dropdown {
    visibility: visible;
    opacity: 1;
    z-index: 5
}

.url {
    display: block;
    background-color: #e9e9e9;
    padding: 1em;
    color: #007acc;
    margin: 1em 0;
    overflow-wrap: break-word
}

@media (max-width: 1256px) {
    .lt-ie9 .content-page-content-container {
        width: 66%
    }
}

.form-row .field-wrapper, .field-wrapper .field-wrapper {
    margin-bottom: 0
}

.field-wrapper.select:after {
    right: 20px
}

.field-wrapper .dhl-text p {
    white-space: normal
}

.field-wrapper.number-of-packages .msg-error {
    right: auto;
    width: 350%
}

.field, .field-wrapper {
    position: relative;
    white-space: nowrap
}

.field_width_full .input, .field_width_full .select, .field_width_full .textarea {
    width: 100%
}

.field_width_half .input, .field_width_half .select, .field_width_half .textarea {
    width: 50%
}

.field_without-label {
    padding-top: 15px;
    vertical-align: middle
}

.ie-11 .field .msg-error, .ie-11 .field-wrapper .msg-error {
    right: auto
}

.field .msg-error, .field-wrapper .msg-error {
    position: absolute;
    right: 0;
    left: 0;
    display: none;
    margin: 5px 0;
    white-space: normal
}

.field .msg-error_static, .field-wrapper .msg-error_static {
    display: block
}

.field .msg-error_left, .field-wrapper .msg-error_left {
    right: auto;
    left: 0;
    min-width: 140px;
    text-align: left
}

.field .msg-error_right, .field-wrapper .msg-error_right {
    right: 0;
    left: auto;
    min-width: 140px;
    text-align: right
}

.field .msg-error_dropdown, .field-wrapper .msg-error_dropdown {
    position: absolute;
    z-index: 99;
    top: 100%;
    right: 0;
    left: 0;
    margin: -1px 10px 0 0;
    padding: 25px 8px 6px;
    cursor: pointer;
    color: #a1a1a1;
    border: 1px solid #a1a1a1;
    border-radius: 2px;
    background: #fff;
    font-size: 12px;
    font-style: italic;
    line-height: 20px
}

    .field .msg-error_dropdown:before, .field-wrapper .msg-error_dropdown:before {
        position: absolute;
        top: 20px;
        left: 0;
        display: block;
        width: 100%;
        height: 1px;
        content: '';
        background: #f1f1f1
    }

.field .btn_addon, .field-wrapper .btn_addon {
    right: 2px
}

.field.email-group__email, .email-group__email.field-wrapper {
    margin-bottom: 5px
}

.field_with-mark, .field-wrapper {
    padding-right: 10px
}

    .field_with-mark .msg-error, .field-wrapper .msg-error {
        margin-right: 10px
    }

    .field_with-mark .btn_addon, .field-wrapper .btn_addon {
        right: 12px
    }

        .field_with-mark .btn_addon .field-wrapper, .field-wrapper .btn_addon .field-wrapper {
            right: 14px;
            bottom: 4px
        }

.field_with-addon .input {
    padding-right: 38px
}

.form-line {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle
}

    .form-line .field-wrapper, .form-line .field, .form-line .field-wrapper, .form-line .checkbox, .form-line .radio, .form-line .input, .form-line .select, .form-line .btn {
        display: inline-block;
        vertical-align: middle
    }

    .form-line .field-wrapper, .form-line .checkbox, .form-line .radio {
        margin-bottom: 0
    }

.field-group {
    display: block;
    margin-bottom: 20px
}

.form-row, .field-wrapper {
    display: block;
    margin-bottom: 20px
}

    .form-row:after, .field-wrapper:after {
        clear: both;
        content: '';
        display: block
    }

.flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

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

.field-row {
    display: block;
    margin-bottom: 10px
}

.field-row-text {
    display: block;
    height: 30px;
    line-height: 30px
}

.msg-error {
    z-index: 100;
    margin: 5px 10px;
    padding: 5px 7px;
    color: #d62727;
    border: 1px solid #d62727;
    border-radius: 2px;
    background-color: #fff;
    font-size: 11px;
    line-height: 1
}

.checkbox-group {
    margin: 0 0 0 7px;
    padding: 7px;
    border: 1px solid transparent
}

.checkbox-group-erroneous {
    border-color: #d62727;
    border-radius: 2px
}

.checkbox-group-error-msg {
    display: none;
    vertical-align: bottom;
    color: #d62727;
    font-size: 11px
}

.checkbox-group-erroneous .checkbox-group-error-msg {
    display: inline
}

.single-msg-error {
    position: absolute;
    z-index: 100;
    right: 0;
    margin: 5px 0 0;
    padding: 5px 7px;
    color: #d62727;
    border: 1px solid #d62727;
    border-radius: 2px;
    background-color: #fff;
    font-size: 11px;
    line-height: 1
}

    .single-msg-error.to-left {
        left: 0
    }

.single-error-input {
    border: 1px solid #d62727 !important
}

.label {
    display: block;
    white-space: normal;
    font-size: 12px;
    line-height: 1.25
}

.label_big {
    font-size: 14px;
    line-height: 1.4
}

.label_inline {
    display: inline-block
}

    .label_inline + .select, .label_inline + .input {
        vertical-align: middle
    }

.label__description {
    color: #a1a1a1;
    font-size: 11px
}

.form-note {
    margin: 7px 10px
}

.validation-mark {
    position: relative;
    top: 3px
}

.lt-ie9 .select .validation-mark {
    position: absolute;
    top: 3px;
    right: -15px
}

.validation-mark.p-absolute {
    top: auto
}

.validation-mark:after {
    position: relative;
    display: inline-block;
    width: 10px;
    vertical-align: top;
    font-size: 18px;
    line-height: 12px
}

.ng-invalid:not(.selection-in-progress).ng-dirty ~ .validation-mark:after, .ng-invalid:not(.selection-in-progress).ng-pristine.ng-valid-required ~ .validation-mark:after, .ewfc-highlighted.ng-invalid:not(.selection-in-progress) ~ .validation-mark:after {
    top: 0;
    content: '*';
    color: #d62727;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px
}

.fancy-form-container .ng-invalid:not(.selection-in-progress).ng-dirty ~ .validation-mark:after, .fancy-form-container .ng-invalid:not(.selection-in-progress).ng-pristine.ng-valid-required ~ .validation-mark:after, .fancy-form-container .ewfc-highlighted.ng-invalid:not(.selection-in-progress) ~ .validation-mark:after {
    font-family: "dhl";
    content: '\E005';
    font-size: 14px;
    top: 0;
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 1.4;
    color: #d20c1c;
    font-size: 17px;
    top: -1px;
    background: #fff
}

.ng-invalid:not(.selection-in-progress):not(:placeholder-shown):not(.ng-empty) ~ .validation-mark:after {
    top: 0;
    content: '*';
    color: #d62727;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px
}

.fancy-form-container .ng-invalid:not(.selection-in-progress):not(:placeholder-shown):not(.ng-empty) ~ .validation-mark:after {
    font-family: "dhl";
    content: '\E005';
    font-size: 14px;
    top: 0;
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 1.4;
    color: #d20c1c;
    font-size: 17px;
    top: -1px;
    background: #fff
}

.ng-invalid:not(.selection-in-progress):not(:-ms-input-placeholder):not(.ng-empty) ~ .validation-mark:after {
    top: 0;
    content: '*';
    color: #d62727;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px
}

.fancy-form-container .ng-invalid:not(.selection-in-progress):not(:-ms-input-placeholder):not(.ng-empty) ~ .validation-mark:after {
    font-family: "dhl";
    content: '\E005';
    font-size: 14px;
    top: 0;
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 1.4;
    color: #d20c1c;
    font-size: 17px;
    top: -1px;
    background: #fff
}

.warning.ng-valid.ng-not-empty:not(.ng-invalid) ~ .validation-mark:after {
    color: #f8bb01
}

.fancy-form-container[ewf-volumetric-weight-calculator-modal] .ng-invalid.ng-pristine.ng-blur ~ .validation-mark::after, .fancy-form-container[ewf-form-container] .ng-invalid.ng-pristine.ng-blur ~ .validation-mark::after, .fancy-form-container[name="openAnAccountForm"] .ng-invalid.ng-pristine.ng-blur ~ .validation-mark::after {
    font-family: "dhl";
    content: '\E005';
    font-size: 14px;
    top: 0;
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 1.4;
    color: #d20c1c;
    font-size: 17px;
    top: -1px;
    background: #fff
}

.fancy-form-container .dashboard-pickup_guest .ng-invalid.ng-blur ~ .validation-mark::after, .fancy-form-container.share-form .ng-invalid.ng-blur ~ .validation-mark::after {
    font-family: "dhl";
    content: '\E005';
    font-size: 14px;
    top: 0;
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 1.4;
    color: #d20c1c;
    font-size: 17px;
    top: -1px;
    background: #fff
}

.fancy-form-checkbox .ng-invalid.ng-valid-pending-validation ~ .validation-mark::after, .fancy-form-radio .ng-invalid.ng-valid-pending-validation ~ .validation-mark::after {
    font-family: "dhl";
    content: '\E005';
    font-size: 14px;
    top: 0;
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 1.4;
    color: #d20c1c;
    font-size: 17px;
    top: -1px;
    background: #fff
}

input, select, textarea {
    outline: none
}

    input:focus, select:focus, textarea:focus {
        outline: 0
    }

    input.multiple-select, select.multiple-select, textarea.multiple-select {
        width: 100%;
        height: 200px
    }

option[value^=\?] {
    display: none
}

.textarea {
    height: 5em;
    resize: vertical;
    white-space: pre-wrap;
    line-height: 1.25
}

.textarea_no-resize {
    resize: none
}

.textarea_height_tiny {
    height: 3.5em
}

.textarea_height_middle {
    height: 8.15em
}

.textarea_height_big {
    height: 14em
}

.ng-dirty .select select.ng-invalid-account ~ .msg-error, .input.ng-invalid.ng-blur:not(.selection-in-progress) ~ .msg-error, .input.ng-invalid.ewfc-highlighted:not(.selection-in-progress) ~ .msg-error, .input.ng-invalid.disabled-error:not(.selection-in-progress) ~ .msg-error, .textarea.ng-invalid.ng-blur:not(.selection-in-progress) ~ .msg-error, .textarea.ng-invalid.ewfc-highlighted:not(.selection-in-progress) ~ .msg-error, .textarea.ng-invalid.disabled-error:not(.selection-in-progress) ~ .msg-error, .select select.ng-invalid.ng-blur:not(.selection-in-progress) ~ .msg-error, .select select.ng-invalid.ewfc-highlighted:not(.selection-in-progress) ~ .msg-error, .select select.ng-invalid.disabled-error:not(.selection-in-progress) ~ .msg-error {
    display: block;
    -webkit-animation: blur 0.25s 2s forwards;
    animation: blur 0.25s 2s forwards
}

.lt-ie9 .ng-dirty .select select.ng-invalid-account ~ .msg-error, .ng-dirty .select .lt-ie9 select.ng-invalid-account ~ .msg-error, .lt-ie9 .input.ng-invalid.ng-blur:not(.selection-in-progress) ~ .msg-error, .lt-ie9 .input.ng-invalid.ewfc-highlighted:not(.selection-in-progress) ~ .msg-error, .lt-ie9 .input.ng-invalid.disabled-error:not(.selection-in-progress) ~ .msg-error, .lt-ie9 .textarea.ng-invalid.ng-blur:not(.selection-in-progress) ~ .msg-error, .lt-ie9 .textarea.ng-invalid.ewfc-highlighted:not(.selection-in-progress) ~ .msg-error, .lt-ie9 .textarea.ng-invalid.disabled-error:not(.selection-in-progress) ~ .msg-error, .lt-ie9 .select select.ng-invalid.ng-blur:not(.selection-in-progress) ~ .msg-error, .select .lt-ie9 select.ng-invalid.ng-blur:not(.selection-in-progress) ~ .msg-error, .lt-ie9 .select select.ng-invalid.ewfc-highlighted:not(.selection-in-progress) ~ .msg-error, .select .lt-ie9 select.ng-invalid.ewfc-highlighted:not(.selection-in-progress) ~ .msg-error, .lt-ie9 .select select.ng-invalid.disabled-error:not(.selection-in-progress) ~ .msg-error, .select .lt-ie9 select.ng-invalid.disabled-error:not(.selection-in-progress) ~ .msg-error {
    display: none
}

.ng-dirty .select select.ng-invalid-account:focus ~ .msg-error, .input.ng-invalid.ng-blur:focus:not(.selection-in-progress) ~ .msg-error, .input.ng-invalid.ewfc-highlighted:focus:not(.selection-in-progress) ~ .msg-error, .input.ng-invalid.disabled-error:focus:not(.selection-in-progress) ~ .msg-error, .textarea.ng-invalid.ng-blur:focus:not(.selection-in-progress) ~ .msg-error, .textarea.ng-invalid.ewfc-highlighted:focus:not(.selection-in-progress) ~ .msg-error, .textarea.ng-invalid.disabled-error:focus:not(.selection-in-progress) ~ .msg-error, .select select.ng-invalid.ng-blur:focus:not(.selection-in-progress) ~ .msg-error, .select select.ng-invalid.ewfc-highlighted:focus:not(.selection-in-progress) ~ .msg-error, .select select.ng-invalid.disabled-error:focus:not(.selection-in-progress) ~ .msg-error, .ng-dirty .select select.disabled-error.ng-invalid-account ~ .msg-error, .disabled-error.input.ng-invalid:not(.selection-in-progress) ~ .msg-error, .disabled-error.textarea.ng-invalid:not(.selection-in-progress) ~ .msg-error, .select select.disabled-error.ng-invalid:not(.selection-in-progress) ~ .msg-error {
    -webkit-animation: unblur 0.25s forwards;
    animation: unblur 0.25s forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.lt-ie9 .ng-dirty .select select.ng-invalid-account:focus ~ .msg-error, .ng-dirty .select .lt-ie9 select.ng-invalid-account:focus ~ .msg-error, .lt-ie9 .input.ng-invalid.ng-blur:focus:not(.selection-in-progress) ~ .msg-error, .lt-ie9 .input.ng-invalid.ewfc-highlighted:focus:not(.selection-in-progress) ~ .msg-error, .lt-ie9 .input.ng-invalid.disabled-error:focus:not(.selection-in-progress) ~ .msg-error, .lt-ie9 .textarea.ng-invalid.ng-blur:focus:not(.selection-in-progress) ~ .msg-error, .lt-ie9 .textarea.ng-invalid.ewfc-highlighted:focus:not(.selection-in-progress) ~ .msg-error, .lt-ie9 .textarea.ng-invalid.disabled-error:focus:not(.selection-in-progress) ~ .msg-error, .lt-ie9 .select select.ng-invalid.ng-blur:focus:not(.selection-in-progress) ~ .msg-error, .select .lt-ie9 select.ng-invalid.ng-blur:focus:not(.selection-in-progress) ~ .msg-error, .lt-ie9 .select select.ng-invalid.ewfc-highlighted:focus:not(.selection-in-progress) ~ .msg-error, .select .lt-ie9 select.ng-invalid.ewfc-highlighted:focus:not(.selection-in-progress) ~ .msg-error, .lt-ie9 .select select.ng-invalid.disabled-error:focus:not(.selection-in-progress) ~ .msg-error, .select .lt-ie9 select.ng-invalid.disabled-error:focus:not(.selection-in-progress) ~ .msg-error, .lt-ie9 .ng-dirty .select select.disabled-error.ng-invalid-account ~ .msg-error, .ng-dirty .select .lt-ie9 select.disabled-error.ng-invalid-account ~ .msg-error, .lt-ie9 .disabled-error.input.ng-invalid:not(.selection-in-progress) ~ .msg-error, .lt-ie9 .disabled-error.textarea.ng-invalid:not(.selection-in-progress) ~ .msg-error, .lt-ie9 .select select.disabled-error.ng-invalid:not(.selection-in-progress) ~ .msg-error, .select .lt-ie9 select.disabled-error.ng-invalid:not(.selection-in-progress) ~ .msg-error {
    display: block !important
}

.ng-dirty .select select.lt-ie9-focus-timeout.ng-invalid-account ~ .msg-error, .lt-ie9-focus-timeout.input.ng-invalid.ng-blur:not(.selection-in-progress) ~ .msg-error, .lt-ie9-focus-timeout.input.ng-invalid.ewfc-highlighted:not(.selection-in-progress) ~ .msg-error, .lt-ie9-focus-timeout.input.ng-invalid.disabled-error:not(.selection-in-progress) ~ .msg-error, .lt-ie9-focus-timeout.textarea.ng-invalid.ng-blur:not(.selection-in-progress) ~ .msg-error, .lt-ie9-focus-timeout.textarea.ng-invalid.ewfc-highlighted:not(.selection-in-progress) ~ .msg-error, .lt-ie9-focus-timeout.textarea.ng-invalid.disabled-error:not(.selection-in-progress) ~ .msg-error, .select select.lt-ie9-focus-timeout.ng-invalid.ng-blur:not(.selection-in-progress) ~ .msg-error, .select select.lt-ie9-focus-timeout.ng-invalid.ewfc-highlighted:not(.selection-in-progress) ~ .msg-error, .select select.lt-ie9-focus-timeout.ng-invalid.disabled-error:not(.selection-in-progress) ~ .msg-error {
    display: block !important
}

.ng-dirty .select select.ng-invalid-account {
    border-color: #d62727
}

    .ng-dirty .select select.ng-invalid-account:focus {
        box-shadow: inset 0 2px 3px transparent,0 0 5px 2px #e77c7c
    }

        .ng-dirty .select select.ng-invalid-account:focus ~ .msg-error {
            display: block;
            -webkit-animation: unblur 0.25s forwards;
            animation: unblur 0.25s forwards;
            -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1
        }

.lt-ie9 .ng-dirty .select select.ng-invalid-account ~ .msg-error {
    display: none
}

.ng-dirty .select select.ng-invalid-account ~ .msg-error.lt-ie9-focus-timeout {
    display: block !important
}

.ng-dirty .select select.ng-invalid-account.ng-invalid-pending-validation {
    border-color: #a1a1a1
}

    .ng-dirty .select select.ng-invalid-account.ng-invalid-pending-validation ~ .msg-error {
        display: none
    }

.input, .textarea, .select select {
    -webkit-transition: box-shadow 0.25s, border-color 0.25s, background-color 0.15s;
    transition: box-shadow 0.25s, border-color 0.25s, background-color 0.15s;
    color: #333;
    border: 1px solid #a1a1a1;
    border-radius: 2px;
    box-shadow: inset 0 2px 3px rgba(0,0,0,0.1),0 0 5px 2px rgba(212,212,212,0);
    font-size: 14px;
    line-height: 16px
}

    .input[disabled], fieldset[disabled] .input, .textarea[disabled], fieldset[disabled] .textarea, .select select[disabled], fieldset[disabled] .select select {
        color: #a1a1a1;
        background-color: #e9e9e9
    }

    .input:focus, .textarea:focus, .select select:focus {
        box-shadow: inset 0 2px 3px transparent,0 0 5px 2px #d4d4d4
    }

    .input.ng-invalid:not(.selection-in-progress).ng-dirty, .input.ng-invalid:not(.selection-in-progress).ng-pristine.ng-valid-required, .input.ng-invalid:not(.selection-in-progress).ewfc-highlighted, .textarea.ng-invalid:not(.selection-in-progress).ng-dirty, .textarea.ng-invalid:not(.selection-in-progress).ng-pristine.ng-valid-required, .textarea.ng-invalid:not(.selection-in-progress).ewfc-highlighted, .select select.ng-invalid:not(.selection-in-progress).ng-dirty, .select select.ng-invalid:not(.selection-in-progress).ng-pristine.ng-valid-required, .select select.ng-invalid:not(.selection-in-progress).ewfc-highlighted {
        border-color: #d62727
    }

        .input.ng-invalid:not(.selection-in-progress).ng-dirty:focus, .input.ng-invalid:not(.selection-in-progress).ng-pristine.ng-valid-required:focus, .input.ng-invalid:not(.selection-in-progress).ewfc-highlighted:focus, .textarea.ng-invalid:not(.selection-in-progress).ng-dirty:focus, .textarea.ng-invalid:not(.selection-in-progress).ng-pristine.ng-valid-required:focus, .textarea.ng-invalid:not(.selection-in-progress).ewfc-highlighted:focus, .select select.ng-invalid:not(.selection-in-progress).ng-dirty:focus, .select select.ng-invalid:not(.selection-in-progress).ng-pristine.ng-valid-required:focus, .select select.ng-invalid:not(.selection-in-progress).ewfc-highlighted:focus {
            box-shadow: inset 0 2px 3px transparent,0 0 5px 2px #e77c7c
        }

            .input.ng-invalid:not(.selection-in-progress).ng-dirty:focus ~ .msg-error, .input.ng-invalid:not(.selection-in-progress).ng-pristine.ng-valid-required:focus ~ .msg-error, .input.ng-invalid:not(.selection-in-progress).ewfc-highlighted:focus ~ .msg-error, .textarea.ng-invalid:not(.selection-in-progress).ng-dirty:focus ~ .msg-error, .textarea.ng-invalid:not(.selection-in-progress).ng-pristine.ng-valid-required:focus ~ .msg-error, .textarea.ng-invalid:not(.selection-in-progress).ewfc-highlighted:focus ~ .msg-error, .select select.ng-invalid:not(.selection-in-progress).ng-dirty:focus ~ .msg-error, .select select.ng-invalid:not(.selection-in-progress).ng-pristine.ng-valid-required:focus ~ .msg-error, .select select.ng-invalid:not(.selection-in-progress).ewfc-highlighted:focus ~ .msg-error {
                display: block;
                -webkit-animation: unblur 0.25s forwards;
                animation: unblur 0.25s forwards;
                -webkit-animation-iteration-count: 1;
                animation-iteration-count: 1
            }

.lt-ie9 .input.ng-invalid:not(.selection-in-progress).ng-dirty ~ .msg-error, .lt-ie9 .input.ng-invalid:not(.selection-in-progress).ng-pristine.ng-valid-required ~ .msg-error, .lt-ie9 .input.ng-invalid:not(.selection-in-progress).ewfc-highlighted ~ .msg-error, .lt-ie9 .textarea.ng-invalid:not(.selection-in-progress).ng-dirty ~ .msg-error, .lt-ie9 .textarea.ng-invalid:not(.selection-in-progress).ng-pristine.ng-valid-required ~ .msg-error, .lt-ie9 .textarea.ng-invalid:not(.selection-in-progress).ewfc-highlighted ~ .msg-error, .lt-ie9 .select select.ng-invalid:not(.selection-in-progress).ng-dirty ~ .msg-error, .lt-ie9 .select select.ng-invalid:not(.selection-in-progress).ng-pristine.ng-valid-required ~ .msg-error, .lt-ie9 .select select.ng-invalid:not(.selection-in-progress).ewfc-highlighted ~ .msg-error {
    display: none
}

.input.ng-invalid:not(.selection-in-progress).ng-dirty ~ .msg-error.lt-ie9-focus-timeout, .input.ng-invalid:not(.selection-in-progress).ng-pristine.ng-valid-required ~ .msg-error.lt-ie9-focus-timeout, .input.ng-invalid:not(.selection-in-progress).ewfc-highlighted ~ .msg-error.lt-ie9-focus-timeout, .textarea.ng-invalid:not(.selection-in-progress).ng-dirty ~ .msg-error.lt-ie9-focus-timeout, .textarea.ng-invalid:not(.selection-in-progress).ng-pristine.ng-valid-required ~ .msg-error.lt-ie9-focus-timeout, .textarea.ng-invalid:not(.selection-in-progress).ewfc-highlighted ~ .msg-error.lt-ie9-focus-timeout, .select select.ng-invalid:not(.selection-in-progress).ng-dirty ~ .msg-error.lt-ie9-focus-timeout, .select select.ng-invalid:not(.selection-in-progress).ng-pristine.ng-valid-required ~ .msg-error.lt-ie9-focus-timeout, .select select.ng-invalid:not(.selection-in-progress).ewfc-highlighted ~ .msg-error.lt-ie9-focus-timeout {
    display: block !important
}

.input.ng-invalid:not(.selection-in-progress).ng-dirty.ng-invalid-pending-validation, .input.ng-invalid:not(.selection-in-progress).ng-pristine.ng-valid-required.ng-invalid-pending-validation, .input.ng-invalid:not(.selection-in-progress).ewfc-highlighted.ng-invalid-pending-validation, .textarea.ng-invalid:not(.selection-in-progress).ng-dirty.ng-invalid-pending-validation, .textarea.ng-invalid:not(.selection-in-progress).ng-pristine.ng-valid-required.ng-invalid-pending-validation, .textarea.ng-invalid:not(.selection-in-progress).ewfc-highlighted.ng-invalid-pending-validation, .select select.ng-invalid:not(.selection-in-progress).ng-dirty.ng-invalid-pending-validation, .select select.ng-invalid:not(.selection-in-progress).ng-pristine.ng-valid-required.ng-invalid-pending-validation, .select select.ng-invalid:not(.selection-in-progress).ewfc-highlighted.ng-invalid-pending-validation {
    border-color: #a1a1a1
}

    .input.ng-invalid:not(.selection-in-progress).ng-dirty.ng-invalid-pending-validation ~ .msg-error, .input.ng-invalid:not(.selection-in-progress).ng-pristine.ng-valid-required.ng-invalid-pending-validation ~ .msg-error, .input.ng-invalid:not(.selection-in-progress).ewfc-highlighted.ng-invalid-pending-validation ~ .msg-error, .textarea.ng-invalid:not(.selection-in-progress).ng-dirty.ng-invalid-pending-validation ~ .msg-error, .textarea.ng-invalid:not(.selection-in-progress).ng-pristine.ng-valid-required.ng-invalid-pending-validation ~ .msg-error, .textarea.ng-invalid:not(.selection-in-progress).ewfc-highlighted.ng-invalid-pending-validation ~ .msg-error, .select select.ng-invalid:not(.selection-in-progress).ng-dirty.ng-invalid-pending-validation ~ .msg-error, .select select.ng-invalid:not(.selection-in-progress).ng-pristine.ng-valid-required.ng-invalid-pending-validation ~ .msg-error, .select select.ng-invalid:not(.selection-in-progress).ewfc-highlighted.ng-invalid-pending-validation ~ .msg-error {
        display: none
    }

.input.ng-invalid:not(.selection-in-progress):not(:-ms-input-placeholder):not(.ng-empty), .textarea.ng-invalid:not(.selection-in-progress):not(:-ms-input-placeholder):not(.ng-empty), .select select.ng-invalid:not(.selection-in-progress):not(:-ms-input-placeholder):not(.ng-empty) {
    border-color: #d62727
}

    .input.ng-invalid:not(.selection-in-progress):not(:-ms-input-placeholder):not(.ng-empty):focus, .textarea.ng-invalid:not(.selection-in-progress):not(:-ms-input-placeholder):not(.ng-empty):focus, .select select.ng-invalid:not(.selection-in-progress):not(:-ms-input-placeholder):not(.ng-empty):focus {
        box-shadow: inset 0 2px 3px transparent,0 0 5px 2px #e77c7c
    }

        .input.ng-invalid:not(.selection-in-progress):not(:-ms-input-placeholder):not(.ng-empty):focus ~ .msg-error, .textarea.ng-invalid:not(.selection-in-progress):not(:-ms-input-placeholder):not(.ng-empty):focus ~ .msg-error, .select select.ng-invalid:not(.selection-in-progress):not(:-ms-input-placeholder):not(.ng-empty):focus ~ .msg-error {
            display: block;
            animation: unblur 0.25s forwards;
            animation-iteration-count: 1
        }

.lt-ie9 .input.ng-invalid:not(.selection-in-progress):not(:-ms-input-placeholder):not(.ng-empty) ~ .msg-error, .lt-ie9 .textarea.ng-invalid:not(.selection-in-progress):not(:-ms-input-placeholder):not(.ng-empty) ~ .msg-error, .lt-ie9 .select select.ng-invalid:not(.selection-in-progress):not(:-ms-input-placeholder):not(.ng-empty) ~ .msg-error {
    display: none
}

.input.ng-invalid:not(.selection-in-progress):not(:-ms-input-placeholder):not(.ng-empty) ~ .msg-error.lt-ie9-focus-timeout, .textarea.ng-invalid:not(.selection-in-progress):not(:-ms-input-placeholder):not(.ng-empty) ~ .msg-error.lt-ie9-focus-timeout, .select select.ng-invalid:not(.selection-in-progress):not(:-ms-input-placeholder):not(.ng-empty) ~ .msg-error.lt-ie9-focus-timeout {
    display: block !important
}

.input.ng-invalid:not(.selection-in-progress):not(:-ms-input-placeholder):not(.ng-empty).ng-invalid-pending-validation, .textarea.ng-invalid:not(.selection-in-progress):not(:-ms-input-placeholder):not(.ng-empty).ng-invalid-pending-validation, .select select.ng-invalid:not(.selection-in-progress):not(:-ms-input-placeholder):not(.ng-empty).ng-invalid-pending-validation {
    border-color: #a1a1a1
}

    .input.ng-invalid:not(.selection-in-progress):not(:-ms-input-placeholder):not(.ng-empty).ng-invalid-pending-validation ~ .msg-error, .textarea.ng-invalid:not(.selection-in-progress):not(:-ms-input-placeholder):not(.ng-empty).ng-invalid-pending-validation ~ .msg-error, .select select.ng-invalid:not(.selection-in-progress):not(:-ms-input-placeholder):not(.ng-empty).ng-invalid-pending-validation ~ .msg-error {
        display: none
    }

.input.ng-invalid:not(.selection-in-progress):not(:placeholder-shown):not(.ng-empty), .textarea.ng-invalid:not(.selection-in-progress):not(:placeholder-shown):not(.ng-empty), .select select.ng-invalid:not(.selection-in-progress):not(:placeholder-shown):not(.ng-empty) {
    border-color: #d62727
}

    .input.ng-invalid:not(.selection-in-progress):not(:placeholder-shown):not(.ng-empty):focus, .textarea.ng-invalid:not(.selection-in-progress):not(:placeholder-shown):not(.ng-empty):focus, .select select.ng-invalid:not(.selection-in-progress):not(:placeholder-shown):not(.ng-empty):focus {
        box-shadow: inset 0 2px 3px transparent,0 0 5px 2px #e77c7c
    }

        .input.ng-invalid:not(.selection-in-progress):not(:placeholder-shown):not(.ng-empty):focus ~ .msg-error, .textarea.ng-invalid:not(.selection-in-progress):not(:placeholder-shown):not(.ng-empty):focus ~ .msg-error, .select select.ng-invalid:not(.selection-in-progress):not(:placeholder-shown):not(.ng-empty):focus ~ .msg-error {
            display: block;
            -webkit-animation: unblur 0.25s forwards;
            animation: unblur 0.25s forwards;
            -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1
        }

.lt-ie9 .input.ng-invalid:not(.selection-in-progress):not(:placeholder-shown):not(.ng-empty) ~ .msg-error, .lt-ie9 .textarea.ng-invalid:not(.selection-in-progress):not(:placeholder-shown):not(.ng-empty) ~ .msg-error, .lt-ie9 .select select.ng-invalid:not(.selection-in-progress):not(:placeholder-shown):not(.ng-empty) ~ .msg-error {
    display: none
}

.input.ng-invalid:not(.selection-in-progress):not(:placeholder-shown):not(.ng-empty) ~ .msg-error.lt-ie9-focus-timeout, .textarea.ng-invalid:not(.selection-in-progress):not(:placeholder-shown):not(.ng-empty) ~ .msg-error.lt-ie9-focus-timeout, .select select.ng-invalid:not(.selection-in-progress):not(:placeholder-shown):not(.ng-empty) ~ .msg-error.lt-ie9-focus-timeout {
    display: block !important
}

.input.ng-invalid:not(.selection-in-progress):not(:placeholder-shown):not(.ng-empty).ng-invalid-pending-validation, .textarea.ng-invalid:not(.selection-in-progress):not(:placeholder-shown):not(.ng-empty).ng-invalid-pending-validation, .select select.ng-invalid:not(.selection-in-progress):not(:placeholder-shown):not(.ng-empty).ng-invalid-pending-validation {
    border-color: #a1a1a1
}

    .input.ng-invalid:not(.selection-in-progress):not(:placeholder-shown):not(.ng-empty).ng-invalid-pending-validation ~ .msg-error, .textarea.ng-invalid:not(.selection-in-progress):not(:placeholder-shown):not(.ng-empty).ng-invalid-pending-validation ~ .msg-error, .select select.ng-invalid:not(.selection-in-progress):not(:placeholder-shown):not(.ng-empty).ng-invalid-pending-validation ~ .msg-error {
        display: none
    }

.input.ng-invalid:not(.selection-in-progress).ng-blur.ng-pristine ~ .msg-error, .textarea.ng-invalid:not(.selection-in-progress).ng-blur.ng-pristine ~ .msg-error, .select select.ng-invalid:not(.selection-in-progress).ng-blur.ng-pristine ~ .msg-error {
    display: none;
    -webkit-animation: none;
    animation: none
}

.is-submitted .input.ng-invalid:not(.selection-in-progress), .is-submitted .textarea.ng-invalid:not(.selection-in-progress), .is-submitted .select select.ng-invalid:not(.selection-in-progress) {
    border-color: #d62727
}

    .is-submitted .input.ng-invalid:not(.selection-in-progress):focus, .is-submitted .textarea.ng-invalid:not(.selection-in-progress):focus, .is-submitted .select select.ng-invalid:not(.selection-in-progress):focus {
        box-shadow: inset 0 2px 3px transparent,0 0 5px 2px #e77c7c
    }

        .is-submitted .input.ng-invalid:not(.selection-in-progress):focus ~ .msg-error, .is-submitted .textarea.ng-invalid:not(.selection-in-progress):focus ~ .msg-error, .is-submitted .select select.ng-invalid:not(.selection-in-progress):focus ~ .msg-error {
            display: block;
            -webkit-animation: unblur 0.25s forwards;
            animation: unblur 0.25s forwards;
            -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1
        }

.lt-ie9 .is-submitted .input.ng-invalid:not(.selection-in-progress) ~ .msg-error, .lt-ie9 .is-submitted .textarea.ng-invalid:not(.selection-in-progress) ~ .msg-error, .lt-ie9 .is-submitted .select select.ng-invalid:not(.selection-in-progress) ~ .msg-error {
    display: none
}

.is-submitted .input.ng-invalid:not(.selection-in-progress) ~ .msg-error.lt-ie9-focus-timeout, .is-submitted .textarea.ng-invalid:not(.selection-in-progress) ~ .msg-error.lt-ie9-focus-timeout, .is-submitted .select select.ng-invalid:not(.selection-in-progress) ~ .msg-error.lt-ie9-focus-timeout {
    display: block !important
}

.is-submitted .input.ng-invalid:not(.selection-in-progress).ng-invalid-pending-validation, .is-submitted .textarea.ng-invalid:not(.selection-in-progress).ng-invalid-pending-validation, .is-submitted .select select.ng-invalid:not(.selection-in-progress).ng-invalid-pending-validation {
    border-color: #a1a1a1
}

    .is-submitted .input.ng-invalid:not(.selection-in-progress).ng-invalid-pending-validation ~ .msg-error, .is-submitted .textarea.ng-invalid:not(.selection-in-progress).ng-invalid-pending-validation ~ .msg-error, .is-submitted .select select.ng-invalid:not(.selection-in-progress).ng-invalid-pending-validation ~ .msg-error {
        display: none
    }

.is-submitted .input.ng-invalid:not(.selection-in-progress) ~ .msg-error, .is-submitted .textarea.ng-invalid:not(.selection-in-progress) ~ .msg-error, .is-submitted .select select.ng-invalid:not(.selection-in-progress) ~ .msg-error {
    display: block
}

.input, .textarea {
    max-width: 100%;
    padding: 6px 8px;
    background: #fff
}

    .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder {
        color: #ccc
    }

    .input::-moz-placeholder, .textarea::-moz-placeholder {
        color: #ccc
    }

    .input:-ms-input-placeholder, .textarea:-ms-input-placeholder {
        color: #ccc
    }

    .input::placeholder, .textarea::placeholder {
        color: #ccc
    }

.input_small, .textarea_small {
    padding: 4px 8px;
    font-size: 12px;
    line-height: 1
}

.input[size], .textarea[size] {
    width: auto;
    letter-spacing: 0
}

.input.hasDatepicker, .textarea.hasDatepicker {
    width: 10em;
    padding-left: 40px;
    background-image: url("../img/icon_calendar.svg");
    background-repeat: no-repeat;
    background-position: 12px 47%
}

.input.warning, .textarea.warning {
    border-color: #f8bb01
}

.fieldset-block {
    margin: 0;
    padding: 0;
    border: none
}

.fieldset-block_width-small {
    min-inline-size: auto
}

.is-submitted.ng-invalid:not(.selection-in-progress) .validation-mark:after {
    top: 0;
    content: '*';
    color: #d62727;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px
}

.fancy-form-container .is-submitted.ng-invalid:not(.selection-in-progress) .validation-mark:after {
    font-family: "dhl";
    content: '\E005';
    font-size: 14px;
    top: 0;
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 1.4;
    color: #d20c1c;
    font-size: 17px;
    top: -1px;
    background: #fff
}

@-webkit-keyframes blur {
    0% {
        opacity: 1
    }

    99% {
        opacity: 0.01
    }

    100% {
        visibility: hidden;
        opacity: 0
    }
}

@keyframes blur {
    0% {
        opacity: 1
    }

    99% {
        opacity: 0.01
    }

    100% {
        visibility: hidden;
        opacity: 0
    }
}

@-webkit-keyframes unblur {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes unblur {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.ewf-required ~ .validation-mark:after, .required ~ .validation-mark:after, [required] ~ .validation-mark:after, .ng-invalid-required:not(.selection-in-progress) ~ .validation-mark:after {
    top: 0;
    content: '*';
    color: inherit;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px
}

.fancy-form-container .ewf-required ~ .validation-mark:after, .fancy-form-container .required ~ .validation-mark:after, .fancy-form-container [required] ~ .validation-mark:after, .fancy-form-container .ng-invalid-required:not(.selection-in-progress) ~ .validation-mark:after, .fancy-form-checkbox [ewf-validate-length-min="1"] ~ .validation-mark:after, .fancy-form-container [ewf-country] .ng-invalid.ng-pristine.ng-empty:not(.ewfc-highlighted) ~ .validation-mark:after {
    font-family: "dhl";
    content: '\E015';
    font-size: 14px;
    top: 0;
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 1.4;
    color: #949494
}

.ng-valid.ng-not-empty:not(.ng-invalid) ~ .validation-mark:after {
    font-family: "dhl";
    content: '\E015';
    top: -3px;
    color: #2bb82b;
    font-size: 10px
}

.fancy-form-container .ng-valid.ng-not-empty:not(.ng-invalid) ~ .validation-mark:after {
    font-family: "dhl";
    content: '\E015';
    font-size: 14px;
    top: 0;
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 1.4;
    color: #fff;
    background: #2bb82b;
    border-radius: 14px
}

.ng-invalid:not(.selection-in-progress).ng-invalid-pending-validation ~ .validation-mark:after {
    top: -2px;
    left: -3px;
    width: 12px;
    height: 12px;
    content: url("../img/field-spinner.gif")
}

.input.ng-valid-required:focus, .textarea.ng-valid-required:focus, .select select.ng-valid-required:focus, .input.ng-valid.ng-dirty:focus, .textarea.ng-valid.ng-dirty:focus {
    box-shadow: inset 0 2px 3px transparent,0 0 5px 2px #6cdd6c
}

.warning.input.ng-valid-required:focus, .warning.textarea.ng-valid-required:focus, .select select.warning.ng-valid-required:focus, .warning.input.ng-valid.ng-dirty:focus, .warning.textarea.ng-valid.ng-dirty:focus {
    box-shadow: 0 0 5px 2px #fed761
}

.select {
    position: relative;
    display: inline-block;
    max-width: 100%;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    white-space: nowrap;
    border-radius: 2px;
    background-color: #fff
}

    .select:after {
        content: '\E007';
        font-family: "dhl";
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        min-width: 1em;
        line-height: 1;
        text-align: center;
        margin-left: .2em;
        margin-right: .2em;
        position: absolute;
        z-index: 2;
        top: 50%;
        right: 10px;
        margin: -0.5em 0 0;
        color: #000;
        font-size: 14px
    }

    .select:after {
        margin-left: 0
    }

    .select .option_invalid-choise {
        background-color: #bbb
    }

.lt-ie9 .select:after {
    display: none
}

.select select {
    position: relative;
    z-index: 3;
    width: 100%;
    padding: 6px 28px 6px 10px;
    vertical-align: top;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.lt-ie9 .select select {
    display: block;
    padding-right: 10px !important
}

.select select::-ms-expand {
    display: none
}

.select .msg-error {
    margin: 5px 0
}

.select_small:after {
    right: 7px
}

.select_small select {
    padding: 4px 2em 4px 8px;
    font-size: 12px;
    line-height: 14px
}

.select__without-carat select[disabled] {
    background-color: #fff;
    color: #333
}

.select__without-carat:after {
    display: none
}

.input_width_one_symbol, .textarea_width_one_symbol, .select_width_one_symbol {
    width: 35px;
    text-align: center
}

.input_width_tiny, .textarea_width_tiny, .select_width_tiny {
    width: 50px;
    max-width: none
}

.input_width_small, .textarea_width_small, .select_width_small {
    width: 60px;
    max-width: none
}

.input_width_average, .textarea_width_average, .select_width_average {
    width: 80px;
    max-width: none
}

.input_width_base, .textarea_width_base, .select_width_base {
    width: 230px;
    max-width: none
}

.input_width_large, .textarea_width_large, .select_width_large {
    width: 500px;
    max-width: none
}

.input_width_huge, .textarea_width_huge, .select_width_huge {
    width: 75%
}

.input_width_full, .textarea_width_full, .select_width_full {
    width: 100%
}

.input_width_half, .textarea_width_half, .select_width_half {
    min-width: 50%
}

.readonly-units {
    margin-left: 10px
}

.select-units {
    padding: 4px 5px 0 0;
    text-decoration: underline;
    color: #333;
    border: 0;
    border-radius: 2px;
    background: none;
    box-shadow: none;
    font-size: 12px;
    line-height: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left:12px;
}

    .select-units:focus {
        background-color: rgba(0,0,0,0.2)
    }

    .select-units:disabled {
        cursor: not-allowed;
        text-decoration: none;
        color: #666
    }

        .select-units:disabled.not-clickable {
            cursor: default;
            color: #333;
            opacity: 1
        }

    .select-units::-ms-expand {
        display: none;
        opacity: 0
    }

.dimensions-divider {
    display: inline-block;
    vertical-align: middle
}

    .dimensions-divider:before {
        content: 'x'
    }

.lt-ie10 .select:after {
    display: none
}

.lt-ie10 .select select {
    padding-right: 10px !important
}

.form-container-headline {
    font-size: 24.5px;
    color: #444444;
    word-wrap: break-word
}

.pseudo-link + .form__button .right > table, .pseudo-link + .form__button .center > table {
    margin-top: -27px
}

.character-counter {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 10;
    color: #a1a1a1;
    font-style: italic;
    font-size: 12px;
    line-height: 1.25
}

.character-counter_bottom {
    bottom: -60%
}

.fields-group {
    margin-bottom: 30px
}

.inline-radio-group {
    position: absolute;
    bottom: 0;
    right: 0
}

.radio__input[disabled] + .label:after {
    background-color: #a1a1a1
}

.radio .label:before {
    border-radius: 50%
}

.radio .label:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #333
}

.radio_small .label:after {
    top: 3px;
    left: 3px;
    width: 6px;
    height: 6px
}

.checkbox, .radio {
    position: relative;
    margin-bottom: 10px;
    display: block
}

    .checkbox .msg-error, .radio .msg-error {
        position: absolute;
        visibility: collapse;
        white-space: nowrap
    }

html:not(.lt-ie9) .checkbox__input, html:not(.lt-ie9) .radio__input {
    position: absolute;
    opacity: 0
}

.lt-ie9 .checkbox__input, .lt-ie9 .radio__input {
    top: 3px
}

.checkbox__input .label:before, .radio__input .label:before {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1),0 0 5px 2px transparent
}

.checkbox__input:focus + .label:before, .radio__input:focus + .label:before {
    border-color: #333;
    background: #f9f9f9;
    box-shadow: inset 0 1px 1px transparent,0 0 5px 2px #d4d4d4
}

.checkbox__input:checked + .label:after, .radio__input:checked + .label:after {
    opacity: 0.9
}

.checkbox__input:checked:focus + .label:after, .radio__input:checked:focus + .label:after {
    opacity: 1
}

.checkbox__input.ng-valid-required + .label:after, .radio__input.ng-valid-required + .label:after {
    color: #2bb82b
}

.checkbox__input.ng-invalid.ng-dirty ~ .label:before, .checkbox__input.ng-invalid.ewfc-highlighted ~ .label:before, .radio__input.ng-invalid.ng-dirty ~ .label:before, .radio__input.ng-invalid.ewfc-highlighted ~ .label:before {
    border-color: #d62727;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1),0 0 0 1px #d62727
}

.checkbox__input.ng-invalid.ng-dirty ~ .msg-error_permanent, .checkbox__input.ng-invalid.ewfc-highlighted ~ .msg-error_permanent, .radio__input.ng-invalid.ng-dirty ~ .msg-error_permanent, .radio__input.ng-invalid.ewfc-highlighted ~ .msg-error_permanent {
    display: block;
    visibility: visible;
    -webkit-animation: blur 1s 2s forwards;
    animation: blur 1s 2s forwards
}

.checkbox__input.ng-invalid.ng-dirty:focus + .label:before, .checkbox__input.ng-invalid.ewfc-highlighted:focus + .label:before, .radio__input.ng-invalid.ng-dirty:focus + .label:before, .radio__input.ng-invalid.ewfc-highlighted:focus + .label:before {
    box-shadow: inset 0 1px 1px transparent,0 0 5px 2px #e77c7c
}

.checkbox__input.ng-invalid.ng-dirty:focus + * + .msg-error, .checkbox__input.ng-invalid.ewfc-highlighted:focus + * + .msg-error, .radio__input.ng-invalid.ng-dirty:focus + * + .msg-error, .radio__input.ng-invalid.ewfc-highlighted:focus + * + .msg-error {
    display: block
}

fieldset[disabled] .checkbox__input + .label:before, .checkbox__input[disabled] + .label:before, fieldset[disabled] .radio__input + .label:before, .radio__input[disabled] + .label:before {
    border-color: #a1a1a1;
    background-color: #e9e9e9
}

.checkbox .label, .radio .label {
    position: relative;
    display: inline-block;
    min-height: 16px;
    padding-left: 21px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 14px;
    line-height: 16px;
    vertical-align: middle
}

.lt-ie9 .checkbox .label, .lt-ie9 .radio .label {
    padding-left: 0
}

.checkbox .label:empty, .radio .label:empty {
    padding-left: 16px
}

.checkbox .label:before, .checkbox .label:after, .radio .label:before, .radio .label:after {
    position: absolute;
    box-sizing: border-box;
    content: ''
}

.lt-ie9 .checkbox .label:before, .lt-ie9 .checkbox .label:after, .lt-ie9 .radio .label:before, .lt-ie9 .radio .label:after {
    display: none !important
}

.checkbox .label:before, .radio .label:before {
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #7a7a7a;
    background-color: #fff;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1),0 0 5px 2px transparent;
    -webkit-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s
}

.checkbox .label:after, .radio .label:after {
    z-index: 10;
    -webkit-transition: background 0.2s, opacity 0.2s;
    transition: background 0.2s, opacity 0.2s;
    opacity: 0
}

.checkbox_small .label, .radio_small .label {
    min-height: 12px;
    padding-left: 17px;
    font-size: 12px;
    font-size: 11px;
    line-height: 12px;
    margin-bottom: 0
}

    .checkbox_small .label:empty, .radio_small .label:empty {
        padding-left: 12px
    }

    .checkbox_small .label:before, .radio_small .label:before {
        width: 12px;
        height: 12px
    }

.checkbox_middle .label:before, .radio_middle .label:before {
    top: 50%;
    margin-top: -8px
}

.checkbox_middle .label:after, .radio_middle .label:after {
    top: 50%;
    margin-top: -4px
}

.checkbox_inline, .radio_inline {
    display: inline-block;
    margin-right: 10px
}

.checkbox__details, .radio__details {
    color: #a1a1a1;
    font-size: 11px
}

.checkbox__input[disabled] + .label:after {
    color: #a1a1a1
}

.checkbox .label:before {
    border-radius: 2px
}

.checkbox .label:after {
    width: 16px;
    font-size: 14px;
    line-height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    color: #666
}

html:not(.lt-ie9) .checkbox .label:after {
    content: '\E015';
    font-family: "dhl";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.checkbox_partial .label:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    content: '' !important;
    opacity: 1;
    border-radius: 1px;
    background: #ccc
}

.checkbox_single .label:before {
    top: 7px
}

.checkbox_single .label:after {
    top: 7px
}

.checkbox_small .label:after {
    width: 12px;
    font-size: 10px;
    line-height: 12px
}

.checkbox_small.checkbox_partial .label:after {
    top: 3px;
    left: 3px;
    width: 6px;
    height: 6px
}

.form-group {
    padding: 10px 10px 5px;
    border: 1px solid #ccc;
    border-radius: 2px
}

.form-group_small {
    padding: 5px 10px
}

.form-group.is-invalid {
    border-color: #d62727
}

.form-group .msg-error {
    width: 100%;
    margin: 5px -10px -5px;
    border-radius: 0
}

.btn {
    padding: 7px 12px;
    font-size: 14px;
    display: inline-block;
    margin: 0;
    cursor: pointer;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 2px;
    outline: none;
    font-weight: bold;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

    .btn:hover, .btn:active {
        text-decoration: none
    }

.btn {
    color: #000;
    background: #fecb2f
}

    .btn:focus {
        outline: none
    }

    .btn:hover {
        color: #1a1a1a;
        background: #f9bc01
    }

    .btn:active {
        background: #fec516;
        box-shadow: 0 0 5px rgba(254,197,22,0.75)
    }

.btn_success, .btn_green {
    color: #fff;
    background: #2bb82b
}

    .btn_success:hover, .btn_green:hover {
        color: #fff;
        background: #218f21
    }

    .btn_success:active, .btn_green:active {
        background: #26a326;
        box-shadow: 0 0 5px rgba(38,163,38,0.75)
    }

.btn_action, .btn_action-regular, .btn_action-large {
    color: #7a7a7a;
    border-color: #7a7a7a;
    background: #fff
}

    .btn_action:hover, .btn_action-regular:hover, .btn_action-large:hover {
        color: #1a1a1a;
        border-color: #1a1a1a;
        background: #e9e9e9
    }

    .btn_action:active, .btn_action-regular:active, .btn_action-large:active {
        background: #c7c7c7;
        box-shadow: 0 0 5px rgba(173,173,173,0.75)
    }

.btn_primary-action {
    color: #fff;
    background: #666
}

    .btn_primary-action:hover {
        color: #fff;
        background: #4d4d4d
    }

    .btn_primary-action:active {
        background: #595959;
        box-shadow: 0 0 5px rgba(89,89,89,0.75)
    }

.btn_action-white {
    color: #333;
    border-color: #f1f1f1;
    background-color: #f1f1f1
}

    .btn_action-white:hover {
        color: #333;
        border-color: #fff;
        background: #fff
    }

    .btn_action-white:active, .active.btn_action-white {
        background: #c7c7c7;
        box-shadow: 0 0 5px rgba(173,173,173,0.75)
    }

.btn_info, .btn_blue {
    color: #fff;
    background: #189aca
}

    .btn_info:hover, .btn_blue:hover {
        color: #fff;
        background: #13779c
    }

    .btn_info:active, .btn_blue:active {
        background: #1589b3;
        box-shadow: 0 0 5px rgba(21,137,179,0.75)
    }

.btn_link {
    color: #007acc;
    background: transparent;
    font-weight: normal
}

    .btn_link:hover, .btn_link:active {
        color: #006bb3;
        background: transparent;
        box-shadow: none
    }

.btn_success, .btn_action-large, .btn_large {
    padding: 10px 15px;
    font-size: 18px
}

.btn_action, .btn_action-white, .btn_primary-action, .btn_small {
    padding: 5px 8px;
    font-size: 12px
}

.btn_action-regular, .btn_regular {
    padding: 7px 12px;
    font-size: 14px
}

.btn_high {
    padding: 9px 12px;
    font-size: 14px
}

.btn_text_left {
    text-align: left
}

.btn_width_full {
    width: 100%
}

.btn_wide {
    display: block;
    width: 60%;
    margin: 0 auto
}

.btn_decline {
    background-color: lightgrey
}

    .btn_decline:hover {
        background-color: grey
    }

.btn[disabled], .btn[disabled]:hover, .btn[disabled]:active, fieldset[disabled] .btn, fieldset[disabled]:hover .btn, fieldset[disabled]:active .btn, .btn.disabled, .btn.disabled:hover, .btn.disabled:active {
    cursor: not-allowed;
    color: #ccc;
    border-color: #ccc;
    background-color: #f1f1f1
}

.btn_filter {
    position: relative;
    margin-left: -4px;
    color: #7a7a7a;
    border-color: #a1a1a1;
    border-left: 0;
    border-radius: 0 2px 2px 0;
    background: #f1f1f1
}

    .btn_filter:hover, .btn_filter:active {
        color: #262626;
        border-color: #a1a1a1;
        background: #e9e9e9
    }

.lt-ie9 .btn_filter {
    margin-left: 0
}

.btn_filter.btn[disabled], .btn_filter.btn.disabled {
    border-color: #a1a1a1
}

.btn_filter[class*='success'] {
    border-color: transparent
}

.btn_upload {
    position: relative;
    overflow: hidden
}

.btn_upload-new {
    margin: 0 auto;
    cursor: pointer
}

.btn_upload input[type='file'], .file-uploader__browse-and-drop input[type='file'] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    pointer-events: none
}

    .btn_upload input[type='file'].file-uploader__drag-n-drop-input, .file-uploader__browse-and-drop input[type='file'].file-uploader__drag-n-drop-input {
        pointer-events: auto
    }

.btn_addon {
    position: absolute;
    z-index: 5;
    bottom: 2px;
    margin: 0;
    padding: 5px 7px;
    font-size: 14px;
    line-height: 1
}

    .input_small + .btn_addon, .btn_addon.btn_small {
        padding: 6px 4px;
        font-size: 12px;
        line-height: 1
    }

.btn_animate {
    overflow: hidden;
    white-space: nowrap
}

    .btn_animate [class*='dhlicon'] {
        float: left
    }

        .btn_animate [class*='dhlicon']:before {
            margin: 0
        }

    .btn_animate .btn__text {
        float: left;
        overflow: hidden;
        max-width: 0;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
        vertical-align: middle;
        white-space: nowrap;
        opacity: 0;
        font-size: 12px;
        margin-top: 1px;
    }

.lt-ie9 .btn_animate .btn__text {
    display: none
}

.btn_animate:hover .btn__text {
    max-width: 250px;
    padding: 0 6px 0 3px;
    opacity: 1
}

.lt-ie9 .btn_animate:hover .btn__text {
    display: inline-block
}

.btn_animate:hover [class*='dhlicon'] + .btn__text {
    padding: 0 3px 0 6px
}

.btn__right-bottom {
    position: absolute;
    right: 10px;
    bottom: 10px
}

.swap-wrapper {
    position: relative;
    margin-top: 40px;
    padding: 5px;
    text-align: center;
    background: #fff
}

.btn-close {
    width: 24px;
    height: 24px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    text-align: center;
    color: #fff;
    border: 0;
    border-radius: 50%;
    background-color: #000;
    font-size: 12px;
    line-height: 24px
}

    .btn-close:before {
        content: '\E017';
        font-family: "dhl";
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        vertical-align: baseline;
        font-size: 12px
    }

    .btn-close:focus {
        outline: none
    }

    .btn-close:hover {
        opacity: 0.5
    }

.row-with-btn {
    margin-top: 20px;
    text-align: right
}

    .row-with-btn .btn {
        margin-left: 7px
    }

.btn-add, .btn-remove {
    width: 16px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    border: 0;
    background: transparent;
    font-size: 16px
}

.btn-add {
    color: #2bb82b
}

    .btn-add:before {
        content: '\E002';
        font-family: "dhl";
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .btn-add:hover {
        color: #218f21
    }

.btn-remove {
    color: #9e0a0f
}

    .btn-remove:before {
        content: '\E04D';
        font-family: "dhl";
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .btn-remove:hover {
        color: #6e070a
    }

.switcher {
    position: relative
}

.switcher__input {
    position: absolute;
    opacity: 0
}

    .switcher__input[disabled] ~ .switcher__label {
        color: #a1a1a1;
        border-color: #ccc;
        background-color: #f9f9f9;
        cursor: default
    }

.switcher__label {
    position: relative;
    display: inline-block;
    min-height: 35px;
    margin-bottom: 5px;
    padding: 5px 40px 5px 15px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    text-decoration: none;
    color: #000;
    border: 1px solid #a1a1a1;
    border-radius: 2px;
    background: #f9f9f9;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),inset 0 -1px 0 rgba(0,0,0,0.05);
    font-size: 14px;
    font-weight: bold;
    line-height: 23px
}

.switcher__label_pickup {
    height: 100%;
    padding-bottom: 0
}

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

.lt-ie9 .switcher__label {
    min-height: 23px
}

.switcher__label_slim {
    padding-right: 15px
}

.switcher__label:hover {
    background-color: #f1f1f1
}

.switcher__input.checked + .switcher__label {
    padding-right: 40px;
    color: #fff;
    border-color: #666;
    background-color: #666
}

    .switcher__input.checked + .switcher__label:after {
        content: '\E015';
        font-family: "dhl";
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -11px;
        color: #31d467;
        font-size: 20px;
        line-height: 22px
    }

.switcher__input:focus + .switcher__label {
    box-shadow: 0 0 5px 2px #d4d4d4
}

.v2-home-form .switcher__label {
    padding: 17.5px 49px 17.5px 17.5px;
    line-height: 1;
    background: #fff;
    color: #222;
    border: 1px solid #949494;
    border-radius: 3px
}

.v2-switcher__input ~ .switcher__label:after {
    content: '\E015';
    font-family: "dhl";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 17.5px;
    top: 17.5px;
    color: #666;
    font-size: 11.9px;
    width: 17.5px;
    height: 17.5px;
    line-height: 1.3;
    text-align: center
}

.v2-switcher__input.checked ~ .switcher__label:after {
    background-color: #2bb82b;
    border-radius: 14px;
    color: #fff
}

.switcher__icon {
    position: relative;
    margin-left: -5px;
    vertical-align: middle;
    font-size: 20px;
    line-height: 22px
}

.switcher__details {
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    color: #a1a1a1;
    font-size: 11px
}

.switcher__label:hover + .switcher__details {
    color: #7a7a7a
}

.switcher__input:checked + label + .switcher__details {
    color: #666
}

.switcher_width_full .switcher__label {
    width: 100%
}

.v2-home-form .switcher .validation-mark {
    position: absolute;
    right: 17.5px
}

    .v2-home-form .switcher .validation-mark:after {
        font-size: 11.9px;
        width: 17.5px;
        height: 17.5px;
        line-height: 1.3
    }

.switcher-big__input {
    position: absolute;
    opacity: 0
}

.switcher-big__label {
    position: relative;
    margin-bottom: 5px;
    padding: 20px;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    background-color: #f9f9f9
}

.switcher-big__input:checked + .switcher-big__label {
    border-color: #2bb82b
}

    .switcher-big__input:checked + .switcher-big__label:after {
        content: '\E015';
        font-family: "dhl";
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 10px;
        right: 10px;
        vertical-align: middle;
        color: #31d467;
        font-size: 14px;
        line-height: 1
    }

.online-billing-enrollment .switcher__label {
    max-width: 200px;
    padding: 5px 15px
}

.password {
    position: relative
}

.password__hint {
    position: absolute;
    z-index: 120;
    left: 0;
    margin-top: 10px;
    padding: 10px 10px 0;
    color: #666;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,0.25)
}

    .password__hint:before {
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -4px;
        content: '';
        border-right: 8px solid transparent;
        border-bottom: 8px solid #fff;
        border-left: 8px solid transparent
    }

    .password__hint p {
        margin: 0
    }

.password__rule {
    position: relative;
    margin: 10px 0;
    padding-left: 25px;
    color: #666;
    font-size: 11px;
    line-height: 16px
}

    .password__rule:before {
        position: absolute;
        top: 1px;
        left: 1px;
        box-sizing: border-box;
        width: 14px;
        height: 14px;
        content: '';
        border-radius: 14px;
        background-color: #e9e9e9
    }

.password__rule-complete {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    text-align: center;
    border-radius: 16px;
    background-color: #2bb82b
}

    .password__rule-complete:before {
        content: '\E015';
        font-family: "dhl";
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        width: 16px;
        height: 16px;
        -webkit-transition: all .25s;
        transition: all .25s;
        color: #fff;
        font-size: 11px;
        line-height: 17px
    }

.forgot_password {
    margin: 0
}

.forgot_password_title {
    color: #fecb2f;
    font-size: 28px;
    font-weight: normal;
    margin-top: 0
}

.reset_password {
    background: none
}

.reset_password__form {
    margin-top: 0
}

span.range, span.slide {
    display: inline-block;
    box-sizing: border-box;
    padding: 10px
}

.noUi-target, .noUi-target * {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: none;
    touch-action: none
}

.noUi-base {
    position: absolute;
    width: 100%;
    height: 100%
}

.noUi-origin {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.noUi-handle {
    position: relative;
    z-index: 1;
    display: block
}

    .noUi-handle .tooltip {
        visibility: visible !important;
        opacity: 1 !important;
        color: #000
    }

        .noUi-handle .tooltip * {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            position: relative;
            bottom: 0;
            left: 0;
            visibility: visible !important;
            min-width: 0;
            margin-bottom: 0;
            padding: 0;
            opacity: 1 !important;
            color: inherit;
            background-color: inherit;
            box-shadow: none;
            font-weight: bold
        }

            .noUi-handle .tooltip *:after {
                content: none
            }

.noUi-stacking .noUi-handle {
    z-index: 10
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left .3s, top .3s;
    transition: left .3s, top .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 12px
}

    .noUi-horizontal .noUi-handle {
        top: -24.5px;
        left: -7px;
        width: 14px;
        height: 14px
    }

        .noUi-horizontal .noUi-handle:after {
            position: relative;
            top: 13px;
            left: 0;
            display: block;
            content: '';
            border-top: 7px solid #fecb2f;
            border-right: 7px solid transparent;
            border-left: 7px solid transparent
        }

        .noUi-horizontal .noUi-handle.noUi-active, .noUi-horizontal .noUi-handle:focus {
            outline: 0
        }

            .noUi-horizontal .noUi-handle.noUi-active:after, .noUi-horizontal .noUi-handle:focus:after {
                border-top-color: #7a7a7a
            }

    .noUi-horizontal.noUi-extended {
        padding: 0 15px
    }

        .noUi-horizontal.noUi-extended .noUi-origin {
            right: -15px
        }

.noUi-vertical {
    width: 12px
}

    .noUi-vertical .noUi-handle {
        top: -7px;
        left: -10.5px;
        width: 14px;
        height: 14px
    }

        .noUi-vertical .noUi-handle:after {
            position: relative;
            top: 0;
            left: 13px;
            display: block;
            content: '';
            border-top: 7px solid transparent;
            border-bottom: 7px solid transparent;
            border-left: 7px solid #fecb2f
        }

        .noUi-vertical .noUi-handle.noUi-active, .noUi-vertical .noUi-handle:focus {
            outline: 0
        }

            .noUi-vertical .noUi-handle.noUi-active:after, .noUi-vertical .noUi-handle:focus:after {
                border-left-color: #7a7a7a
            }

    .noUi-vertical.noUi-extended {
        padding: 15px 0
    }

        .noUi-vertical.noUi-extended .noUi-origin {
            bottom: -15px
        }

.noUi-connect {
    -webkit-transition: background 450ms;
    transition: background 450ms
}

.noUi-dragable {
    cursor: w-resize
}

.noUi-vertical .noUi-dragable {
    cursor: n-resize
}

.noUi-handle {
    cursor: default
}

[disabled] .noUi-handle {
    cursor: not-allowed
}

.noUi-pips, .noUi-pips * {
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    font: 400 .85em Arial
}

.noUi-value {
    position: absolute;
    text-align: center;
    white-space: nowrap
}

.noUi-marker {
    position: absolute;
    background: #ccc
}

.noUi-marker-sub, .noUi-marker-large {
    background: #ccc
}

.noUi-pips-horizontal {
    top: 100%;
    right: 5px;
    left: 5px;
    height: 50px;
    padding: 5px 0
}

.noUi-value-horizontal {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-top: 10px
}

.noUi-marker-horizontal.noUi-marker {
    width: 2px;
    height: 5px;
    margin-left: -1px
}

.noUi-pips-vertical {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 0 0 15px
}

.noUi-value-vertical {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    margin-left: 15px;
    text-align: left
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}

.range, .slide {
    min-width: 300px
}

    .range.vertical, .slide.vertical {
        min-width: 0
    }

    .range.noticks .noUi-marker, .slide.noticks .noUi-marker {
        display: none
    }

    .range .slider_object, .slide .slider_object {
        position: relative;
        display: block;
        height: 8px;
        margin-top: 60px;
        margin-bottom: 40px;
        padding: 0
    }

        .range .slider_object.noUi-horizontal .noUi-handle .tooltip, .slide .slider_object.noUi-horizontal .noUi-handle .tooltip {
            position: absolute;
            box-sizing: border-box;
            margin-bottom: 5px;
            padding: 1px 5px;
            text-align: center;
            white-space: nowrap;
            background-color: #fff;
            font-size: .85em;
            font-weight: bold
        }

            .range .slider_object.noUi-horizontal .noUi-handle .tooltip strong, .slide .slider_object.noUi-horizontal .noUi-handle .tooltip strong {
                display: block
            }

                .range .slider_object.noUi-horizontal .noUi-handle .tooltip strong + span, .slide .slider_object.noUi-horizontal .noUi-handle .tooltip strong + span {
                    font-weight: normal
                }

        .range .slider_object.noUi-vertical, .slide .slider_object.noUi-vertical {
            width: 100%;
            min-width: 0;
            height: 100%;
            min-height: 150px;
            margin-top: 0;
            margin-right: 90px;
            margin-bottom: 0;
            margin-left: 15px
        }

            .range .slider_object.noUi-vertical .noUi-base, .slide .slider_object.noUi-vertical .noUi-base {
                width: 8px
            }

            .range .slider_object.noUi-vertical .noUi-handle .tooltip, .slide .slider_object.noUi-vertical .noUi-handle .tooltip {
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
                position: absolute;
                top: 50%;
                box-sizing: border-box;
                padding: 1px 4px;
                text-align: center;
                white-space: nowrap;
                background-color: #fff;
                font-size: .85em;
                font-weight: bold
            }

                .range .slider_object.noUi-vertical .noUi-handle .tooltip strong, .slide .slider_object.noUi-vertical .noUi-handle .tooltip strong {
                    display: block
                }

                    .range .slider_object.noUi-vertical .noUi-handle .tooltip strong + span, .slide .slider_object.noUi-vertical .noUi-handle .tooltip strong + span {
                        font-weight: normal
                    }

    .range.initialized [data-type^='range'], .range.initialized [data-type^='slide'], .slide.initialized [data-type^='range'], .slide.initialized [data-type^='slide'] {
        display: none
    }

    .range .noUi-pips-horizontal, .slide .noUi-pips-horizontal {
        right: 0;
        left: 0
    }

    .range .noUi-base, .slide .noUi-base {
        width: 100%;
        background: #ccc;
        box-shadow: inset 0 1px 1px #333
    }

    .range .noUi-origin, .slide .noUi-origin {
        background: #666
    }

        .range .noUi-origin + .noUi-origin, .slide .noUi-origin + .noUi-origin {
            background: #ccc;
            box-shadow: inset 0 1px 1px #333
        }

    .range .noUi-handle, .slide .noUi-handle {
        cursor: -webkit-grab;
        -webkit-transition: all .25s;
        transition: all .25s;
        border-radius: 2px;
        background: #fecb2f
    }

        .range .noUi-handle:after, .slide .noUi-handle:after {
            -webkit-transition: all .25s;
            transition: all .25s
        }

    .range .noUi-active, .range :focus, .slide .noUi-active, .slide :focus {
        cursor: -webkit-grabbing;
        outline: 0;
        background: #7a7a7a;
        box-shadow: 0 3px 6px -3px rgba(161,161,161,0.6),0 -3px 8px -4px rgba(161,161,161,0.3) inset
    }

    .range [disabled] .noUi-connect, .range [disabled].noUi-connect, .slide [disabled] .noUi-connect, .slide [disabled].noUi-connect {
        background: #ccc
    }

    .range + input, .slide + input {
        margin-left: 20px
    }

    .range .noUi-value, .slide .noUi-value {
        cursor: pointer
    }

    .slide .noUi-base {
        background: #ccc;
        box-shadow: none
    }

    .slide .noUi-origin {
        background: #ccc
    }

    .slide.vertical {
        min-width: 150px
    }

    .slide .slider_object.noUi-vertical .noUi-base {
        width: 2px
    }

    .slide .slider_object.noUi-vertical .noUi-pips {
        width: 100%;
        padding: 0 0 0 8px
    }

    .slide .slider_object.noUi-vertical .noUi-handle .tooltip {
        left: 48px
    }

    .slide .slider_object.noUi-horizontal {
        height: 2px
    }

        .slide .slider_object.noUi-horizontal .noUi-base {
            height: 2px
        }

        .slide .slider_object.noUi-horizontal .noUi-handle .tooltip {
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            bottom: 100%;
            left: 10px
        }

    .slide.noticks .slider_object.noUi-vertical .noUi-pips {
        padding: 0 0 0 2px
    }

        .slide.noticks .slider_object.noUi-vertical .noUi-pips .noUi-value {
            margin-left: 17px
        }

    .slide.noticks .slider_object.noUi-vertical .noUi-handle.noUi-handle-lower .tooltip, .slide.noticks .slider_object.noUi-vertical .noUi-handle.noUi-handle-upper .tooltip {
        left: 26px
    }

    .slide.noticks .slider_object.noUi-horizontal .noUi-pips {
        padding: 0
    }

        .slide.noticks .slider_object.noUi-horizontal .noUi-pips .noUi-value {
            padding-top: 5px
        }

    .range .slider_object.noUi-horizontal .noUi-handle.noUi-handle-lower .tooltip {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        right: 19px
    }

    .range .slider_object.noUi-horizontal .noUi-handle.noUi-handle-upper .tooltip {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        left: 19px
    }

    .range .slider_object.noUi-vertical .noUi-handle {
        left: -5.6px
    }

        .range .slider_object.noUi-vertical .noUi-handle.noUi-handle-lower .tooltip, .range .slider_object.noUi-vertical .noUi-handle.noUi-handle-upper .tooltip {
            left: 32px
        }

    .range.tooltips .slider_object.noUi-horizontal {
        margin-right: 70px;
        margin-left: 70px
    }

    .range.noticks .slider_object.noUi-vertical .noUi-pips {
        padding: 0 0 0 10px
    }

    .range.noticks .slider_object.noUi-vertical .noUi-handle.noUi-handle-lower .tooltip, .range.noticks .slider_object.noUi-vertical .noUi-handle.noUi-handle-upper .tooltip {
        left: 26px
    }

    .range.noticks .slider_object.noUi-horizontal .noUi-pips {
        padding: 0
    }

        .range.noticks .slider_object.noUi-horizontal .noUi-pips .noUi-value {
            padding-top: 5px
        }

.overlay-grey .range, .overlay-grey .slide {
    color: #333
}

    .overlay-grey .range .slider_object.noUi-horizontal .noUi-handle .tooltip, .overlay-grey .slide .slider_object.noUi-horizontal .noUi-handle .tooltip {
        color: #333;
        background-color: transparent
    }

    .overlay-grey .range .slider_object.noUi-vertical .noUi-handle .tooltip, .overlay-grey .slide .slider_object.noUi-vertical .noUi-handle .tooltip {
        color: #333;
        background-color: #f1f1f1
    }

.btn_loading, .loading-indicator {
    position: relative
}

    .btn_loading:before, .loading-indicator:before {
        position: absolute;
        content: '';
        display: block;
        width: 24px;
        height: 24px;
        top: 50%;
        right: 100%;
        margin-right: 10px;
        margin-top: -12px;
        background-image: url("../img/loading-small-black.gif")
    }

.btn_loading_after:before, .loading-indicator_after:before {
    right: auto;
    left: 100%;
    margin-left: 10px;
    margin-right: 0
}

.loading-indicator:before {
    margin: 0 auto;
    position: static
}

.fancy-form-container {
    position: relative;
    color: #444
}

    .fancy-form-container .msg-error {
        background: #fff;
        color: #d20c1c;
        word-break: normal;
        word-wrap: break-word;
        overflow-wrap: anywhere;
        border: 1px solid #d20c1c;
        border-radius: 3.5px;
        font-size: 11.9px;
        line-height: 1.375;
        top: 55.5px;
        margin: 0;
        padding: 7px 14px
    }

    .fancy-form-container .msg-error-uploader {
        top: 100%;
        margin-top: 1px
    }

    .fancy-form-container .field-wrapper {
        padding: 0;
        margin-bottom: 16.1px
    }

        .fancy-form-container .field-wrapper .fancy-form-dropdown {
            width: 100%
        }

    .fancy-form-container .validation-mark {
        top: 17px;
        right: 39px;
        pointer-events: none
    }

    .fancy-form-container .center {
        display: table;
        margin: 0 auto
    }

    .fancy-form-container textarea ~ .msg-error {
        margin-top: 2px;
        top: auto
    }

.fancy-form-container-tenant {
    padding: 21px;
    margin: 14px 0;
    background-color: #f9f9f9
}

.fancy-form-container .input[disabled] {
    color: #222;
    text-shadow: 0 0 0 #222
}

.fancy-form-textarea {
    min-height: 5.5em
}

.fancy-form-input {
    padding: 21px 14px 14px 14px;
    color: #222;
    background-color: #fff;
    text-shadow: 0 0 0 #222;
    border: 1px solid #949494;
    border-radius: 3px;
    line-height: normal;
    box-shadow: inset 0 2px 2px rgba(0,0,0,0.1)
}

.fancy-form-input-header {
    padding: 0 21px 14px 0;
    border-bottom: 1px solid #949494;
    margin-bottom: 14px;
    line-height: 1.375;
    white-space: normal
}

.fancy-form-input:focus {
    box-shadow: inset 0 2px 2px rgba(0,0,0,0.1);
    border-color: #444
}

.fancy-form-input ~ .fancy-form-label-active-filed {
    position: absolute;
    top: 10.5px;
    z-index: 2;
    line-height: 1;
    font-size: 10.5px;
    color: #666;
    left: 14px
}

.fancy-form-input:focus ~ .fancy-form-label-floating, .fancy-form-input:focus ~ div .fancy-form-label-floating, .fancy-form-input.has-value ~ .fancy-form-label-floating, .fancy-form-input.has-value ~ div .fancy-form-label-floating, .fancy-form-input.ng-not-empty:not([name="password"]) ~ .fancy-form-label-floating, .fancy-form-input.ng-not-empty:not([name="password"]) ~ div .fancy-form-label-floating {
    position: absolute;
    top: 10.5px;
    font-size: 10.5px;
    color: #666;
    left: 14px;
    word-break: normal;
    word-wrap: break-word
}

.fancy-form-input:focus ~ div .flag-container ~ .fancy-form-label-floating, .fancy-form-input.has-value ~ div .flag-container ~ .fancy-form-label-floating, .fancy-form-input.ng-not-empty:not([name="password"]) ~ div .flag-container ~ .fancy-form-label-floating {
    left: 74px
}

.fancy-form-input:focus ~ .phone-autocomplete__flag ~ .fancy-form-label-floating, .fancy-form-input:focus ~ .country-autocomplete__flag ~ .fancy-form-label-floating, .fancy-form-input.has-value ~ .phone-autocomplete__flag ~ .fancy-form-label-floating, .fancy-form-input.has-value ~ .country-autocomplete__flag ~ .fancy-form-label-floating, .fancy-form-input.ng-not-empty:not([name="password"]) ~ .phone-autocomplete__flag ~ .fancy-form-label-floating, .fancy-form-input.ng-not-empty:not([name="password"]) ~ .country-autocomplete__flag ~ .fancy-form-label-floating {
    left: 72px
}

.fancy-form-input.ng-invalid:not(.ng-pristine), .fancy-form-input.ng-invalid.ng-blur:not([name="countryName"]), .fancy-form-input.ng-invalid.ng-blur:not([name="countryName"]).ng-pristine, .fancy-form-input.ng-invalid.ewfc-highlighted {
    border-color: #d20c1c
}

    .fancy-form-input.ng-invalid:not(.ng-pristine).input:focus, .fancy-form-input.ng-invalid.ng-blur:not([name="countryName"]).input:focus, .fancy-form-input.ng-invalid.ng-blur:not([name="countryName"]).ng-pristine.input:focus, .fancy-form-input.ng-invalid.ewfc-highlighted.input:focus {
        box-shadow: inset 0 2px 2px rgba(0,0,0,0.1)
    }

        .fancy-form-input.ng-invalid:not(.ng-pristine).input:focus ~ .msg-error, .fancy-form-input.ng-invalid.ng-blur:not([name="countryName"]).input:focus ~ .msg-error, .fancy-form-input.ng-invalid.ng-blur:not([name="countryName"]).ng-pristine.input:focus ~ .msg-error, .fancy-form-input.ng-invalid.ewfc-highlighted.input:focus ~ .msg-error {
            opacity: 1;
            visibility: visible
        }

    .fancy-form-input.ng-invalid:not(.ng-pristine).input ~ .msg-error, .fancy-form-input.ng-invalid.ng-blur:not([name="countryName"]).input ~ .msg-error, .fancy-form-input.ng-invalid.ng-blur:not([name="countryName"]).ng-pristine.input ~ .msg-error, .fancy-form-input.ng-invalid.ewfc-highlighted.input ~ .msg-error {
        display: block;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .25s;
        transition: all .25s
    }

.fancy-form-container .country-autocomplete .fancy-form-input.ng-invalid.ng-blur.ewfc-highlighted ~ .msg-error {
    display: block;
    -webkit-animation: none;
    animation: none
}

.fancy-form-input.ng-valid.input:focus {
    box-shadow: inset 0 2px 2px rgba(0,0,0,0.1)
}

.fancy-form-input.textarea {
    overflow: hidden;
    padding-right: 7em
}

.fancy-form-input::-webkit-input-placeholder {
    color: #666;
    text-shadow: 0 0 0 #222
}

.fancy-form-input::-moz-placeholder {
    color: #666;
    text-shadow: 0 0 0 #222
}

.fancy-form-input:-ms-input-placeholder {
    color: #666;
    text-shadow: 0 0 0 #222
}

.fancy-form-input::placeholder {
    color: #666;
    text-shadow: 0 0 0 #222
}

.fancy-form-input::-ms-clear {
    display: none
}

.fancy-form-button-track {
    position: absolute;
    top: 0.65em;
    right: 0.65em;
    z-index: 2
}

.fancy-form-datepicker .fancy-form-input {
    min-width: 280px;
    color: transparent
}

    .fancy-form-datepicker .fancy-form-input:focus {
        color: #222
    }

.fancy-form-datepicker .dropdown-menu {
    background-color: #fff;
    padding: 0;
    margin: -1px 0 0;
    border-radius: 0 0 3px 3px;
    border: none;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.1)
}

    .fancy-form-datepicker .dropdown-menu table {
        outline: none
    }

    .fancy-form-datepicker .dropdown-menu > li {
        margin: 0
    }

    .fancy-form-datepicker .dropdown-menu thead {
        background-color: #e9e9e9;
        text-align: center;
        border-style: solid;
        border-color: #e9e9e9;
        border-width: 4px 29px;
        font-size: 12px
    }

        .fancy-form-datepicker .dropdown-menu thead tr:first-child th[colspan="5"] button {
            position: relative;
            top: 2px
        }

        .fancy-form-datepicker .dropdown-menu thead tr:first-child th:first-child button, .fancy-form-datepicker .dropdown-menu thead tr:first-child th:last-child button {
            position: relative;
            top: 1px;
            color: #222
        }

        .fancy-form-datepicker .dropdown-menu thead tr:first-child th:first-child button {
            right: 14px
        }

        .fancy-form-datepicker .dropdown-menu thead tr:first-child th:last-child button {
            left: 14px
        }

        .fancy-form-datepicker .dropdown-menu thead tr:last-child {
            border-width: 15px 0;
            border-color: #e9e9e9;
            border-style: solid
        }

            .fancy-form-datepicker .dropdown-menu thead tr:last-child th:nth-child(2) small {
                position: relative;
                right: 7px
            }

            .fancy-form-datepicker .dropdown-menu thead tr:last-child th:last-child small {
                position: relative;
                left: 7px
            }

        .fancy-form-datepicker .dropdown-menu thead button strong {
            font-weight: normal
        }

        .fancy-form-datepicker .dropdown-menu thead small {
            font-size: 11px;
            font-weight: normal;
            color: #666
        }

        .fancy-form-datepicker .dropdown-menu thead .glyphicon-chevron-left:before {
            content: '\E011';
            font-family: "dhl";
            font-style: normal;
            font-weight: normal;
            text-decoration: none;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .fancy-form-datepicker .dropdown-menu thead .glyphicon-chevron-right:before {
            content: '\E012';
            font-family: "dhl";
            font-style: normal;
            font-weight: normal;
            text-decoration: none;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .fancy-form-datepicker .dropdown-menu thead .glyphicon-chevron-left:hover, .fancy-form-datepicker .dropdown-menu thead .glyphicon-chevron-right:hover {
            color: #777
        }

        .fancy-form-datepicker .dropdown-menu thead .glyphicon-chevron-left::before, .fancy-form-datepicker .dropdown-menu thead .glyphicon-chevron-right::before {
            font-size: 17px
        }

    .fancy-form-datepicker .dropdown-menu tbody {
        background: #fff;
        border-bottom: 13px solid #fff
    }

        .fancy-form-datepicker .dropdown-menu tbody tr:first-child button {
            margin-top: 14px
        }

        .fancy-form-datepicker .dropdown-menu tbody tr:last-child td:last-child button.active, .fancy-form-datepicker .dropdown-menu tbody tr:last-child td:last-child span {
            border-bottom-right-radius: 4px
        }

        .fancy-form-datepicker .dropdown-menu tbody button {
            line-height: 35px
        }

    .fancy-form-datepicker .dropdown-menu button {
        background: none;
        font-weight: normal;
        border: none;
        padding: 0;
        color: #000
    }

        .fancy-form-datepicker .dropdown-menu button:hover {
            color: #777
        }

        .fancy-form-datepicker .dropdown-menu button span {
            display: block;
            color: #222;
            background-color: #f9f9f9;
            width: 34px;
            font-size: 12px
        }

            .fancy-form-datepicker .dropdown-menu button span.text-muted {
                color: #666;
                background-color: #fff
            }

            .fancy-form-datepicker .dropdown-menu button span:hover {
                background-color: #949494
            }

        .fancy-form-datepicker .dropdown-menu button.active {
            background-color: #2bb82b;
            border-radius: 0
        }

            .fancy-form-datepicker .dropdown-menu button.active span {
                background: none;
                color: #fff
            }

    .fancy-form-datepicker .dropdown-menu [ng-switch-when="month"]::after, .fancy-form-datepicker .dropdown-menu [ng-switch-when="year"]::after {
        content: '';
        position: absolute;
        width: 280px;
        left: 0;
        top: 37px;
        background-color: #ddd;
        height: 1px
    }

    .fancy-form-datepicker .dropdown-menu [ng-switch-when="month"] thead tr, .fancy-form-datepicker .dropdown-menu [ng-switch-when="year"] thead tr {
        border-width: 4px 0 14px
    }

        .fancy-form-datepicker .dropdown-menu [ng-switch-when="month"] thead tr th:nth-child(2) button, .fancy-form-datepicker .dropdown-menu [ng-switch-when="year"] thead tr th:nth-child(2) button {
            position: relative;
            top: 2px
        }

    .fancy-form-datepicker .dropdown-menu [ng-switch-when="month"] tbody tr:last-child td:first-child button.active, .fancy-form-datepicker .dropdown-menu [ng-switch-when="month"] tbody tr:last-child td:first-child span, .fancy-form-datepicker .dropdown-menu [ng-switch-when="year"] tbody tr:last-child td:first-child button.active, .fancy-form-datepicker .dropdown-menu [ng-switch-when="year"] tbody tr:last-child td:first-child span {
        border-bottom-left-radius: 4px
    }

    .fancy-form-datepicker .dropdown-menu [ng-switch-when="day"] .text-info {
        position: relative
    }

        .fancy-form-datepicker .dropdown-menu [ng-switch-when="day"] .text-info::after {
            background-color: #003366;
            content: '';
            height: 2px;
            width: 14px;
            position: absolute;
            bottom: 8px;
            right: 10px
        }

    .fancy-form-datepicker .dropdown-menu [ng-switch-when="day"] tbody tr:last-child td:nth-child(2) button.active, .fancy-form-datepicker .dropdown-menu [ng-switch-when="day"] tbody tr:last-child td:nth-child(2) span {
        border-bottom-left-radius: 4px
    }

    .fancy-form-datepicker .dropdown-menu [ng-switch-when="month"] thead tr:first-child th:first-child button {
        right: 38px
    }

    .fancy-form-datepicker .dropdown-menu [ng-switch-when="month"] thead tr:first-child th:last-child button {
        left: 38px
    }

    .fancy-form-datepicker .dropdown-menu [ng-switch-when="month"] button span {
        width: 82px
    }

    .fancy-form-datepicker .dropdown-menu [ng-switch-when="year"] thead tr:first-child th:first-child button {
        right: 21px
    }

    .fancy-form-datepicker .dropdown-menu [ng-switch-when="year"] thead tr:first-child th:last-child button {
        left: 21px
    }

    .fancy-form-datepicker .dropdown-menu [ng-switch-when="year"] button span {
        width: 48px
    }

.fancy-form-datepicker .fancy-form-label-floating {
    width: 229px;
    pointer-events: none
}

    .fancy-form-datepicker .fancy-form-label-floating .info {
        pointer-events: auto
    }

.fancy-form-datepicker .input.fancy-form-input.ng-invalid.ng-blur ~ .msg-error {
    width: 280px;
    -webkit-animation: none;
    animation: none
}

.fancy-form-dropdown {
    position: relative;
    display: inline-block
}

.fancy-form-dropdown-options {
    padding: 0;
    margin: 0;
    border: 1px solid #444;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    position: absolute;
    top: 52px;
    color: #444;
    background-color: #fff;
    max-height: 280px;
    overflow-y: scroll;
    z-index: 200;
    width: 100%
}

    .fancy-form-dropdown-options li {
        list-style: none;
        padding: 10.5px 17.5px;
        font-weight: 500;
        margin: 0
    }

        .fancy-form-dropdown-options li.is-selected {
            font-weight: bold;
            color: #000
        }

        .fancy-form-dropdown-options li:nth-child(even) {
            background-color: #f9f9f9
        }

        .fancy-form-dropdown-options li:hover {
            color: white;
            background-color: #007acc
        }

.fancy-form-dropdown .fancy-form-input {
    display: inline-block;
    width: 100%;
    height: 53px;
    vertical-align: top;
    outline: none;
    padding-right: 60px;
    margin: 0;
    box-shadow: inset 0 -2px 2px rgba(0,0,0,0.1)
}

    .fancy-form-dropdown .fancy-form-input div {
        display: inline-block;
        text-shadow: none
    }

    .fancy-form-dropdown .fancy-form-input .flag-container {
        width: 56px;
        height: 51px;
        background: #e9e9e9;
        line-height: 53px;
        text-align: center;
        position: relative;
        top: -21px;
        left: -14px;
        border-top-left-radius: 2.5px;
        border-bottom-left-radius: 2.5px
    }

    .fancy-form-dropdown .fancy-form-input:hover {
        border: 1px solid #666
    }

    .fancy-form-dropdown .fancy-form-input:focus {
        background-color: #f9f9f9
    }

    .fancy-form-dropdown .fancy-form-input.ng-invalid.ng-blur ~ .fancy-form-input, .fancy-form-dropdown .fancy-form-input.ng-invalid.ewfc-highlighted ~ .fancy-form-input {
        border-color: #d20c1c
    }

    .fancy-form-dropdown .fancy-form-input.ng-invalid.ng-blur.expanded ~ .msg-error, .fancy-form-dropdown .fancy-form-input.ng-invalid.ewfc-highlighted.expanded ~ .msg-error {
        display: block;
        -webkit-animation: none;
        animation: none
    }

.fancy-form-dropdown .fancy-form-label-floating {
    left: 15px;
    top: 22px;
    right: 60px
}

.fancy-form-dropdown .dhlicon-v2-arrow-down, .fancy-form-dropdown .dhlicon-v2-arrow-up {
    right: 28px;
    position: absolute
}

.v2-home-form .fancy-form-dropdown .dhlicon-v2-arrow-down, .v2-home-form .fancy-form-dropdown .dhlicon-v2-arrow-up {
    right: 14px;
    top: 17px
}

.fancy-form-dropdown .validation-mark {
    position: absolute;
    top: 17px;
    right: 14px
}

.fancy-form-dropdown .selected-option {
    vertical-align: top;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis
}

.fancy-form-radio, .fancy-form-checkbox {
    position: relative;
    display: block
}

    .fancy-form-radio .fancy-form-input, .fancy-form-checkbox .fancy-form-input {
        display: inline-block;
        width: 100%;
        padding: 17.5px;
        color: #444;
        border-color: #949494;
        box-shadow: none
    }

        .fancy-form-radio .fancy-form-input.ng-invalid.ng-valid-pending-validation ~ .fancy-form-input, .fancy-form-radio .fancy-form-input.ng-invalid.ng-blur ~ .fancy-form-input, .fancy-form-radio .fancy-form-input.ng-invalid.ewfc-highlighted ~ .fancy-form-input, .fancy-form-checkbox .fancy-form-input.ng-invalid.ng-valid-pending-validation ~ .fancy-form-input, .fancy-form-checkbox .fancy-form-input.ng-invalid.ng-blur ~ .fancy-form-input, .fancy-form-checkbox .fancy-form-input.ng-invalid.ewfc-highlighted ~ .fancy-form-input {
            border-color: #d20c1c
        }

        .fancy-form-radio .fancy-form-input.ng-invalid.ng-valid-pending-validation ~ .msg-error, .fancy-form-radio .fancy-form-input.ng-invalid.ng-blur ~ .msg-error, .fancy-form-radio .fancy-form-input.ng-invalid.ewfc-highlighted ~ .msg-error, .fancy-form-checkbox .fancy-form-input.ng-invalid.ng-valid-pending-validation ~ .msg-error, .fancy-form-checkbox .fancy-form-input.ng-invalid.ng-blur ~ .msg-error, .fancy-form-checkbox .fancy-form-input.ng-invalid.ewfc-highlighted ~ .msg-error {
            display: block;
            -webkit-animation: none;
            animation: none;
            bottom: auto;
            top: calc(100% + 2.5px)
        }

.lt-ie9 .fancy-form-radio .fancy-form-input.ng-invalid.ng-valid-pending-validation ~ .msg-error, .lt-ie9 .fancy-form-radio .fancy-form-input.ng-invalid.ng-blur ~ .msg-error, .lt-ie9 .fancy-form-radio .fancy-form-input.ng-invalid.ewfc-highlighted ~ .msg-error, .lt-ie9 .fancy-form-checkbox .fancy-form-input.ng-invalid.ng-valid-pending-validation ~ .msg-error, .lt-ie9 .fancy-form-checkbox .fancy-form-input.ng-invalid.ng-blur ~ .msg-error, .lt-ie9 .fancy-form-checkbox .fancy-form-input.ng-invalid.ewfc-highlighted ~ .msg-error {
    top: auto;
    bottom: -35.5px
}

.fancy-form-radio .validation-mark, .fancy-form-checkbox .validation-mark {
    position: absolute;
    right: 19px
}

.fancy-form-radio .label, .fancy-form-checkbox .label {
    cursor: default;
    line-height: 19px;
    word-break: normal;
    word-wrap: break-word
}

    .fancy-form-radio .label:hover, .fancy-form-checkbox .label:hover {
        color: #007acc
    }

    .fancy-form-radio .label::before, .fancy-form-checkbox .label::before {
        border-color: #666
    }

.fancy-form-radio-option label, .fancy-form-checkbox-option label {
    margin-bottom: 10.5px
}

    .fancy-form-radio-option label:hover span::before, .fancy-form-checkbox-option label:hover span::before {
        border-color: #007acc
    }

.fancy-form-radio-option:last-child label, .fancy-form-checkbox-option:last-child label {
    margin: 0
}

.fancy-form-checkbox .checkbox .label::before {
    top: 1px
}

.fancy-form-checkbox .checkbox .label::after {
    font-size: 13px;
    top: 1px
}

.fancy-form-checkbox .checkbox__input:focus + .label {
    color: #007acc
}

    .fancy-form-checkbox .checkbox__input:focus + .label::before {
        border-color: inherit;
        background: inherit;
        box-shadow: none
    }

.fancy-form-checkbox .checkbox__input:checked + .label::before {
    border-color: #007acc;
    background-color: #007acc
}

.fancy-form-checkbox .checkbox__input:checked + .label::after {
    opacity: 1;
    color: #fff
}

.fancy-form-checkbox [ng-required]:not(:checked).ng-dirty ~ .label::before, .fancy-form-checkbox [ng-required]:not(:checked).ewfc-highlighted ~ .label::before {
    border-color: #d20c1c;
    box-shadow: none
}

.fancy-form-checkbox [ng-required]:not(:checked).ng-dirty ~ .msg-error, .fancy-form-checkbox [ng-required]:not(:checked).ewfc-highlighted ~ .msg-error {
    visibility: visible;
    display: inline-block;
    top: 21px;
    white-space: normal
}

.fancy-form-radio .radio__input:focus + .label {
    color: #007acc
}

    .fancy-form-radio .radio__input:focus + .label::before {
        border-color: inherit;
        background: inherit;
        box-shadow: none
    }

.fancy-form-radio .radio__input:checked + .label::before {
    border-color: #666;
    background-color: #fff
}

.fancy-form-radio .radio__input:checked + .label::after {
    opacity: 1;
    background-color: #007acc
}

.fancy-form-button {
    border: none;
    padding: 10.5px 0;
    line-height: normal
}

.fancy-form-label-floating {
    font-size: 14px;
    position: absolute;
    z-index: 1;
    left: 17.5px;
    top: 20px;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    color: #222;
    line-height: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    right: 35px
}

    .fancy-form-label-floating.ihelp {
        overflow: visible
    }

        .fancy-form-label-floating.ihelp .label-text {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            display: inline-block;
            vertical-align: bottom;
            max-width: calc(100% - 31px)
        }

.lt-ie9 .fancy-form-label-floating.ihelp .label-text {
    max-width: 95%
}

.fancy-form-label-floating.ihelp .info:hover {
    z-index: 100
}

.country-autocomplete .fancy-form-label-floating, .phone-autocomplete .fancy-form-label-floating {
    left: 72px
}

.fancy-form-label-floating.wrap-text {
    word-break: normal;
    word-wrap: break-word;
    white-space: normal;
    padding: 0 10px 0 0
}

.fancy-form-tracking-textarea-wrapper {
    display: inline-block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1em;
    background-color: #fecb2e;
    position: relative;
    border-radius: .25em
}

textarea:not(#tracking-textarea).fancy-form-input:not(.ewf-required).ng-empty ~ .fancy-form-label-floating, input.fancy-form-input:not(.ewf-required).ng-empty ~ .fancy-form-label-floating {
    right: 14px
}

.fancy-form-datepicker .fancy-form-input:not(.required):not(.has-value) ~ .fancy-form-label-floating {
    width: 258px
}

.visualCaptcha {
    position: relative;
    min-height: 65px;
    margin: 1em 0;
    padding: 1em;
    text-align: initial;
    border: 1px solid #ccc;
    color: #444
}

    .visualCaptcha.error {
        border-color: #d62727
    }

.visualCaptcha-possibilities {
    margin-top: 3px;
    display: inline-block
}

    .visualCaptcha-possibilities .img {
        display: inline-block;
        width: auto;
        height: auto;
        margin: 0 6px;
        cursor: pointer;
        vertical-align: top
    }

        .visualCaptcha-possibilities .img:first-child {
            margin-left: 0
        }

        .visualCaptcha-possibilities .img img {
            display: block;
            width: 42px;
            height: 42px
        }

.dhl-shipment-complete .visualCaptcha-possibilities .img {
    margin: 0 4px
}

.visualCaptcha-possibilities .visualCaptcha-selected a {
    background: #ccc
}

.visualCaptcha-possibilities a {
    display: block;
    outline: none;
    padding: 6px;
    border: 2px solid transparent;
    border-radius: 50%
}

    .visualCaptcha-possibilities a:hover, .visualCaptcha-possibilities a:focus {
        border-color: #949494
    }

.visualCaptcha-accessibility-wrapper {
    display: inline-block
}

    .visualCaptcha-accessibility-wrapper .audioField {
        box-sizing: border-box;
        max-width: 100%;
        margin-top: 16px;
        padding: 6px 8px;
        -webkit-transition: box-shadow, border-color, background-color 0.15s;
        transition: box-shadow, border-color, background-color 0.15s;
        color: #333;
        border: 1px solid #a1a1a1;
        border-radius: 2px;
        background: #fff;
        box-shadow: inset 0 2px 3px rgba(0,0,0,0.1);
        font-size: 14px;
        line-height: 16px
    }

.visualCaptcha-button-group {
    display: inline-block;
    vertical-align: top;
    margin-left: 22px
}

.mobile .visualCaptcha-button-group {
    display: block;
    margin: 20px 0 0
}

    .mobile .visualCaptcha-button-group .v2-btn-white {
        width: 100%;
        color: black;
        padding: 14px 21px
    }

.visualCaptcha-button-group .visualCaptcha-accessibility-button {
    padding: 0
}

    .visualCaptcha-button-group .visualCaptcha-accessibility-button img {
        width: 28px;
        height: 28px;
        margin: 0
    }

.visualCaptcha-refresh-button {
    float: left;
    margin: 10px;
    padding: 10px;
    cursor: pointer;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    border-radius: 2px;
    background-color: #fecb2f
}

    .visualCaptcha-refresh-button:hover {
        background-color: #f9bc01
    }

    .visualCaptcha-refresh-button img {
        display: block;
        width: 16px;
        height: 16px
    }

.visualCaptcha-explanation {
    margin: 0 0 14px
}

.visualCaptcha-hide {
    display: none
}

.dhl-shipment-complete .visualCaptcha-button-group, .ewf-modal .visualCaptcha-button-group, .content-page-content-container .visualCaptcha-button-group {
    position: absolute;
    bottom: 14px;
    right: 14px
}

.dhl-shipment-complete .visualCaptcha-possibilities, .ewf-modal .visualCaptcha-possibilities, .content-page-content-container .visualCaptcha-possibilities {
    padding-bottom: 63px
}

    .dhl-shipment-complete .visualCaptcha-possibilities.visualCaptcha-hide ~ .visualCaptcha-button-group, .ewf-modal .visualCaptcha-possibilities.visualCaptcha-hide ~ .visualCaptcha-button-group, .content-page-content-container .visualCaptcha-possibilities.visualCaptcha-hide ~ .visualCaptcha-button-group {
        position: static
    }

.captcha-wrapper {
    position: relative
}

    .captcha-wrapper .msg-error {
        position: absolute;
        top: 100%;
        width: 100%;
        margin-top: 1.5px
    }

.mobile .visualCaptcha-possibilities {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.mobile .visualCaptcha-button-group {
    display: block;
    margin: 20px 0 0
}

    .mobile .visualCaptcha-button-group .v2-btn-white {
        width: 100%;
        color: #000;
        padding: 14px 21px
    }

.popup-container .btn-close {
    color: #666;
    background: none;
    top: 21px;
    right: 21px
}

    .popup-container .btn-close:hover {
        opacity: initial
    }

    .popup-container .btn-close:before {
        font-size: 14px
    }

[ewf-open-an-account] .col-9, [ewf-open-an-account] .col-6, [ewf-open-an-account] .col-4, [ewf-open-an-account] .col-3 {
    margin-left: 14px
}

    [ewf-open-an-account] .col-9:first-child, [ewf-open-an-account] .col-6:first-child, [ewf-open-an-account] .col-4:first-child, [ewf-open-an-account] .col-3:first-child {
        margin-left: 0
    }

[ewf-open-an-account] .col-9 {
    width: 74.61%
}

    [ewf-open-an-account] .col-9 .fancy.phone-code__code {
        width: 32%;
        width: calc(33.4% - 10px)
    }

    [ewf-open-an-account] .col-9 .fancy.phone-code__number {
        width: 66%;
        width: calc(66.9% - 7px);
        padding-left: 1px
    }

[ewf-open-an-account] .col-8 {
    width: 66%;
    width: calc(66.9% - 7px)
}

[ewf-open-an-account] .col-6 {
    width: 49%;
    width: calc(50% - 7px)
}

[ewf-open-an-account] .col-4 {
    width: 32%;
    width: calc(33.37% - 10px)
}

[ewf-open-an-account] .col-3 {
    width: 24%;
    width: calc(25% - 11px)
}

[ewf-open-an-account] .phone-autocomplete .dropdown-menu {
    width: 100%
}

    [ewf-open-an-account] .phone-autocomplete .dropdown-menu li.active {
        background-color: #007acc
    }

        [ewf-open-an-account] .phone-autocomplete .dropdown-menu li.active a {
            color: #fff
        }

    [ewf-open-an-account] .phone-autocomplete .dropdown-menu li a {
        color: #000;
        font-size: 14px;
        line-height: 1.375;
        padding: 1em
    }

        [ewf-open-an-account] .phone-autocomplete .dropdown-menu li a:hover {
            color: #fff
        }

[ewf-open-an-account] .form-row, [ewf-open-an-account] .field-wrapper {
    margin-bottom: 1.15em
}

.icon-email-secure, .icon-shipment-complete {
    position: relative;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    color: #fff;
    border-radius: 100%
}

    .icon-email-secure:before, .icon-shipment-complete:before {
        margin: 0
    }

.icon-email-secure {
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
    background: #189aca;
    font-size: 70px;
    line-height: 100px
}

.icon-shipment-complete {
    width: 26px;
    height: 26px;
    background-color: #2bb82b;
    font-size: 16px;
    line-height: 26px
}

.header {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0
}

.header__container {
    min-width: 1000px;
    max-width: 1100px;
    margin: 0 auto;
    box-shadow: 0 0 7px rgba(0,0,0,0.15)
}

.v2-header__container {
    background-color: #fecb2f;
    box-shadow: none
}

.v2-horizontal-divider {
    height: 2px;
    overflow: hidden;
    background-color: #fff
}

.v2-vertical-divider {
    float: left;
    width: 2px;
    height: 21px;
    background-color: #fff;
    margin: 19.5px 14px 19.5px 0
}

.v2-header-bar {
    max-width: 1150px;
    margin: 0 auto
}

.corp-nav {
    position: relative;
    height: 38px;
    line-height: 38px;
    background-color: #e9e9e9;
    color: #222
}

    .corp-nav:after {
        clear: both;
        content: '';
        display: block
    }

.corp-nav-item {
    float: right;
    margin: 0 0 0 25px;
    font-size: 11.9px
}

    .corp-nav-item.whitelist-status .info div {
        margin-bottom: 0;
        margin-top: 5px;
        bottom: 0;
        -webkit-transform: translate(-50%, 110%);
        -ms-transform: translate(-50%, 110%);
        transform: translate(-50%, 110%)
    }

        .corp-nav-item.whitelist-status .info div:after {
            top: auto;
            bottom: 100%;
            border-top: none;
            border-bottom: 5px solid #666
        }

.corp-nav-link {
    font-weight: bold;
    color: #222
}

.corp-nav-icon {
    vertical-align: top;
    font-size: 8px
}

.corp-nav-logo {
    max-height: 24px;
    vertical-align: middle
}

.top-bar {
    position: relative;
    height: 55px;
    background-color: #fecb2f;
    line-height: 55px
}

    .top-bar:after {
        clear: both;
        content: '';
        display: block
    }

    .top-bar.verify {
        min-width: inherit
    }

    .top-bar.v2-top-bar {
        height: 60px;
        line-height: 60px
    }

.header__logo, .header__corporate-logo {
    height: 39px;
    margin: 8px;
    line-height: 39px
}

    .header__logo img, .header__corporate-logo img {
        max-height: 39px;
        vertical-align: middle
    }

.header__logo {
    float: left;
    margin-left: 18px
}

    .header__logo.v2-header__logo {
        margin: 0;
        line-height: 58px;
        height: initial;
        position: absolute
    }

        .header__logo.v2-header__logo a {
            display: inline-block;
            height: 100%
        }

        .header__logo.v2-header__logo img {
            display: inline-block;
            max-height: 20px;
            margin-right: 13px
        }

.header__corporate-logo {
    float: right;
    margin-right: 18px
}

.country-selector {
    z-index: 10000;
    float: right;
    height: 55px
}

.country-selector__lang {
    float: right
}

    .country-selector__lang a {
        display: inline-block;
        padding: 0 10px;
        vertical-align: top;
        text-decoration: none;
        color: #333;
        font-size: 10px
    }

    .country-selector__lang .is-selected {
        font-weight: bold
    }

    .country-selector__lang.v2-country-selector__lang a {
        padding: 0;
        font-size: 11.9px;
        color: #000
    }

    .country-selector__lang.v2-country-selector__lang span {
        display: inline-block;
        width: 1px;
        height: 14px;
        background-color: #000;
        vertical-align: middle;
        margin: 0 7px
    }

.country-selector .country {
    position: relative;
    float: right;
    padding: 0 10px
}

    .country-selector .country:hover:not(.v2-country) {
        background-color: #f9bc01
    }

        .country-selector .country:hover:not(.v2-country) .country__list {
            visibility: visible;
            opacity: 1
        }

.country-selector .country-clicked:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    position: absolute;
    top: 52.5px;
    right: 11.2px
}

.country-selector .country-clicked .country__list {
    visibility: visible;
    opacity: 1;
    top: 60px
}

.country-selector .country__search-form {
    position: relative;
    margin: 5px 18px 0 10px
}

    .country-selector .country__search-form .msg-error {
        margin-left: 0;
        margin-right: 0
    }

.country-selector .country__search-icon {
    position: absolute;
    left: 10px;
    color: #a1a1a1
}

.country-selector .country__search {
    padding-left: 30px
}

    .country-selector .country__search::-ms-clear {
        display: none
    }

.country-selector .country__list {
    position: absolute;
    z-index: 100;
    top: 55px;
    right: 0;
    visibility: collapse;
    overflow: auto;
    width: 350px;
    max-height: 500px;
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    opacity: 0;
    background-color: #fff;
    line-height: 38px
}

.country-selector .country__item {
    margin: 0;
    background-color: #fff
}

    .country-selector .country__item:nth-child(odd):not(.v2-country__item) {
        background-color: #fafafa
    }

.country-selector .country__link {
    position: relative;
    display: block;
    min-height: 38px;
    padding: 0 47px 0 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.9em
}

    .country-selector .country__link:hover:not(.v2-country__link) {
        color: #fff;
        background-color: #fecb2f
    }

    .country-selector .country__link.is-selected:not(.v2-country__link) {
        color: #333;
        font-weight: bold
    }

    .country-selector .country__link.v2-country__link {
        color: #444;
        font-size: 14px
    }

        .country-selector .country__link.v2-country__link:hover {
            background-color: #e9e9e9
        }

.country-selector .country__flag {
    position: absolute;
    top: 3px;
    right: 10px
}

.country-selector .country__current {
    display: block;
    height: 55px;
    cursor: default
}

    .country-selector .country__current:after {
        content: '\E007';
        font-family: "dhl";
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        width: 7px;
        margin: 0 0 0 5px;
        line-height: 55px
    }

    .country-selector .country__current.disabled:after {
        display: none
    }

.country-selector .country .v2-country__current {
    display: block;
    height: 60px;
    cursor: default;
    color: #000
}

    .country-selector .country .v2-country__current:after {
        content: '\E073';
        font-family: "dhl";
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        margin: 0 0 0 3px;
        line-height: 60px;
        font-size: 9.1px
    }

    .country-selector .country .v2-country__current.disabled:after {
        display: none
    }

.country-selector .country.v2-country {
    padding: 0 0 0 14px
}

.nav-bar {
    width: 100%;
    border-top: 2px solid #fcefc9;
    background-color: #fecb2f
}

.nav-bar__left, .nav-bar__right {
    padding: 0
}

.nav-bar.v2-nav-bar {
    border-top: none
}

.top-nav__item {
    position: relative;
    padding: 0 15px
}

    .top-nav__item .dropdown:before {
        top: 0;
        -webkit-transition: all 0.25s;
        transition: all 0.25s
    }

    .top-nav__item.is-active .dropdown, .top-nav__item-hover .dropdown, .top-nav__item-clicked .dropdown {
        visibility: visible;
        margin-top: 12px;
        opacity: 1
    }

        .top-nav__item.is-active .dropdown:before, .top-nav__item-hover .dropdown:before, .top-nav__item-clicked .dropdown:before {
            top: -8px
        }

    .top-nav__item.v2-top-nav__item {
        padding: 0 35px 0 0
    }

.top-nav__link {
    position: relative;
    display: block;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    text-align: center;
    text-decoration: none;
    color: #333;
    font-size: 16px
}

    .top-nav__link.v2-top-nav__link {
       
        font-size: 16.1px;
        color: #000
    }

.top-nav__button {
    margin: 5px 0;
    padding: 0 10px;
    vertical-align: top;
    border-radius: 0;
    font-size: 10px;
    line-height: 33px
}

.top-nav .nav-user-group {
    padding-left: 18px;
    text-align: left
}

    .top-nav .nav-user-group [class*='dhlicon'] {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -11px
    }

.top-nav .nav-user-group__name {
    display: inline-block;
    overflow: hidden;
    max-width: 120px;
    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis
}

.top-nav_main .top-nav__link {
    white-space: nowrap
}

    .top-nav_main .top-nav__link:hover:not(.v2-top-nav__link) {
        font-weight: bold
    }

    .top-nav_main .top-nav__link:after:not(.v2-top-nav__link) {
        display: block;
        visibility: hidden;
        overflow: hidden;
        height: 1px;
        content: attr(link-text);
        color: transparent;
        font-weight: bold
    }

.top-nav_main .top-nav__link_with-counter:after {
    padding: 0 8px
}

.top-nav_main .top-nav__item-hover .top-nav__link {
    font-weight: bold
}

.top-nav_main .dropdown {
    min-width: 250px
}

.top-nav_tiny {
    float: right
}

    .top-nav_tiny .top-nav__item {
        padding: 0 10px
    }

        .top-nav_tiny .top-nav__item.v2-top-nav__item {
            padding: 0 0 0 14px
        }

    .top-nav_tiny .top-nav__link {
        font-size: 10px
    }

        .top-nav_tiny .top-nav__link [class*='dhlicon'] {
            margin-right: 5px;
            margin-left: 0;
            vertical-align: top;
            font-size: 15px
        }

        .top-nav_tiny .top-nav__link.v2-top-nav__link {
            font-size: 11.9px
        }

    .top-nav_tiny .dropdown {
        font-size: 13px
    }

.top-nav_service {
    margin: 15px 0;
    padding: 0;
    list-style: none;
    border-right: 2px solid #fcefc9
}

    .top-nav_service .top-nav__item {
        float: left;
        margin: 0
    }

    .top-nav_service .top-nav__link:not(.v2-top-nav__link) {
        display: block;
        height: auto;
        line-height: 25px
    }

    .top-nav_service.v2-top-nav_service {
        margin: 0;
        border-right: none
    }

.dropdown {
    position: absolute;
    z-index: 1;
    left: 5px;
    visibility: collapse;
    min-width: 180px;
    margin-top: 5px;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    opacity: 0;
    color: #fff;
    border-radius: 4px;
    background-color: #333;
    font-size: 14px;
    line-height: 1.5
}

    .dropdown.v2-dropdown:not(.dropdown_right) {
        left: -7px
    }

    .dropdown:before {
        position: absolute;
        top: -10px;
        left: 12px;
        content: '';
        border: 10px solid transparent;
        border-top-width: 0;
        border-bottom-color: #333
    }

.dropdown_right {
    right: 0;
    left: auto
}

    .dropdown_right:before {
        right: 12px;
        left: auto
    }

.dropdown.is-visible {
    visibility: visible;
    opacity: 1
}

.dropdown__wrap {
    display: table;
    overflow: hidden;
    width: 100%;
    border-radius: 4px
}

.dropdown__list {
    margin: 0;
    padding: 7px 0 10px 0;
    list-style: none
}

    .dropdown__list.v2-dropdown__list {
        padding: 14px
    }

.dropdown__list-item {
    margin: 0
}

.dropdown__list-title {
    margin: 0;
    padding: 7px;
    color: #949494;
    font-weight: 700;
    font-size: 11.9px;
    text-transform: uppercase
}

.dropdown__title {
    display: block;
    padding: 15px 15px 1px 15px;
    text-transform: uppercase;
    color: #999;
    font-size: 12px;
    font-weight: bold;
    line-height: 1
}

    .dropdown__title:not(a) {
        cursor: default
    }

    .dropdown__title.v2-dropdown__title {
        padding: 21px 21px 7px 21px;
        font-size: 11.9px
    }

        .dropdown__title.v2-dropdown__title + .v2-dropdown__list {
            padding-top: 0
        }

.dropdown__link {
    display: block;
    padding: 8px 15px;
    color: #fff;
    line-height: 1
}

    .dropdown__link:hover {
        color: #218f21 !important;
        background-color: #fff;
        border-radius:3px;
    }

    .dropdown__link.v2-dropdown__link {
        padding: 7px;
        font-size: 16.1px
    }

.dropdown__col, .dropdown__content-col {
    display: table-cell;
    min-width: 200px
}

    .dropdown__col:first-child, .dropdown__content-col:first-child {
        border-left: 0
    }

    .dropdown__col.v2-dropdown__col {
        box-sizing: content-box;
        min-width: 238px;
        padding: 14px;
        vertical-align: top
    }

.dropdown__content-col {
    min-width: 250px;
    padding: 5px 10px
}

    .dropdown__content-col .dropdown__title {
        border-bottom: none
    }

.dropdown__list-item.dropdown__list-item--generated * {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px
}

.dropdown__list-item.dropdown__list-item--generated .page-title, .dropdown__list-item.dropdown__list-item--generated h1, .dropdown__list-item.dropdown__list-item--generated h2, .dropdown__list-item.dropdown__list-item--generated h3, .dropdown__list-item.dropdown__list-item--generated h4, .dropdown__list-item.dropdown__list-item--generated h5, .dropdown__list-item.dropdown__list-item--generated h6 {
    margin: 0;
    padding: 7px;
    color: #949494;
    font-weight: 700;
    font-size: 11.9px;
    line-height: 16.1px;
    text-transform: uppercase
}

.dropdown__list-item.dropdown__list-item--generated .dhl-link > a {
    white-space: nowrap;
    display: block;
    padding: 7px;
    line-height: 16.1px
}

    .dropdown__list-item.dropdown__list-item--generated .dhl-link > a .externalVisualIdentifier {
        bottom: 3px;
        position: relative;
        color: #fff
    }

    .dropdown__list-item.dropdown__list-item--generated .dhl-link > a:hover .externalVisualIdentifier, .dropdown__list-item.dropdown__list-item--generated .dhl-link > a:hover strong {
        color: #fecb2f;
        background-color: #333
    }

    .dropdown__list-item.dropdown__list-item--generated .dhl-link > a > strong {
        color: #fff;
        font-size: 16.1px;
        line-height: 16.1px;
        -webkit-transition: all 0.25s;
        transition: all 0.25s
    }

.dropdown__list-item.dropdown__list-item--generated .dhl-text > p, .dropdown__list-item.dropdown__list-item--generated .dhl-text > .v2-p {
    box-sizing: content-box;
    min-width: 252px;
    width: 252px;
    margin-bottom: 17.5px;
    padding: 7px 7px 0 7px
}

.dropdown__list-item.dropdown__list-item--generated .dhl-text:last-child > p, .dropdown__list-item.dropdown__list-item--generated .dhl-text:last-child > .v2-p {
    margin-bottom: 0
}

.v2-dropdown__col.v2-dropdown__col--wide {
    box-sizing: content-box;
    min-width: 252px;
    padding: 14px 14px 14px 0
}

    .v2-dropdown__col.v2-dropdown__col--wide:first-child {
        padding-left: 14px
    }

    .v2-dropdown__col.v2-dropdown__col--wide .page-title, .v2-dropdown__col.v2-dropdown__col--wide h1, .v2-dropdown__col.v2-dropdown__col--wide h2, .v2-dropdown__col.v2-dropdown__col--wide h3, .v2-dropdown__col.v2-dropdown__col--wide h4, .v2-dropdown__col.v2-dropdown__col--wide h5, .v2-dropdown__col.v2-dropdown__col--wide h6 {
        padding: 7px 7px 7px 0
    }

    .v2-dropdown__col.v2-dropdown__col--wide .dhl-text p, .v2-dropdown__col.v2-dropdown__col--wide .dhl-text .v2-p {
        padding: 7px 7px 0 7px;
        margin-bottom: 17.5px
    }

.tracking-popup {
    width: 485px;
    min-height: 130px;
    padding: 10px 15px 5px
}

    .tracking-popup .textarea {
        resize: none
    }

.tracking-popup__btn-wrap {
    margin-right: 10px;
    text-align: right
}

    .tracking-popup__btn-wrap.v2-tracking-popup__btn-wrap {
        text-align: left
    }

        .tracking-popup__btn-wrap.v2-tracking-popup__btn-wrap button {
            background-color: #2bb82b;
            color: #111;
            padding: 7px 21px;
            font-size: 16.1px;
            font-weight: 700;
            border: 0
        }

.tracking-popup.v2-tracking-popup {
    padding: 0
}

.notification-counter {
    display: inline-block;
    min-width: 20px;
    height: 20px;
    margin-left: 4px;
    padding: 0 4px;
    vertical-align: text-bottom;
    color: #fff;
    border-radius: 10px;
    background: #2bb82b;
    font-size: 14px;
    line-height: 20px
}

.body__edit, .body__edit.ng-boot-finished {
    padding-top: 0
}

    .body__edit .header {
        position: relative
    }

button.dropdown__link {
    background: #333;
    border: none;
    text-align: left
}

.footer {
    font-size: 12px;
    line-height: 1.5
}

    .footer .area {
        margin: 45px 0
    }

.footer__logo {
    float: left;
    margin-right: 20px
}

.footer-nav {
    float: left;
    padding-left: 0
}

.footer__copyright {
    padding: 0 5px;
    text-align: right;
    color: #7a7a7a;
    font-size: .9em
}

.footer-nav {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none
}

.footer-nav__item {
    display: inline-block;
    margin: 0;
    padding: 0 5px;
    border-left: 1px solid #a1a1a1;
    font-size: .9em
}

    .footer-nav__item:first-child {
        border-left: 0
    }

.footer-nav__link {
    text-decoration: none;
    color: #7a7a7a
}

    .footer-nav__link:hover {
        text-decoration: underline;
        background-color: inherit
    }

#ot-sdk-btn.ot-sdk-show-settings.footer-nav__link {
    text-decoration: none;
    color: #7a7a7a;
    border: none;
    padding: 0;
    font-size: inherit;
    background: inherit
}

    #ot-sdk-btn.ot-sdk-show-settings.footer-nav__link:hover {
        text-decoration: underline;
        background-color: inherit;
        color: #7a7a7a
    }

.footer-v2 #ot-sdk-btn.ot-sdk-show-settings.footer-nav__link, .footer-v2 #ot-sdk-btn.ot-sdk-show-settings.footer-nav__link:hover {
    color: #333
}

#chat_container {
    position: fixed;
    z-index: 1;
    bottom: 10px;
    display: none;
    width: 100%;
    text-align: right
}

    #chat_container .chat_button {
        display: inline-block;
        width: 240px;
        height: 60px;
        background: url("../img/chat.png") no-repeat center center
    }

.footer-v2 {
    margin-top: 105px;
    margin-bottom: 25px;
    min-width: auto;
    max-width: 1150px
}

    .footer-v2 .parsys_column {
        margin-left: -20px
    }

    .footer-v2 .dhl-text p, .footer-v2 .dhl-text .v2-p {
        color: #949494;
        font-size: 11.9px;
        font-weight: 700;
        line-height: 1.375;
        margin-bottom: 7px
    }

        .footer-v2 .dhl-text p:last-child, .footer-v2 .dhl-text .v2-p:last-child {
            margin-bottom: 0
        }

    .footer-v2 .dhl-text a {
        color: #444;
        font-weight: 400
    }

.footer-v2__top, .footer-v2__bottom {
    width: 100%
}

.footer-v2__top {
    border-top: 1px #949494 solid;
    border-bottom: 1px #949494 solid
}

.footer-v2__cell {
    box-sizing: border-box;
    vertical-align: top
}

.footer-v2__main {
    width: 67.4%;
    border-right: 1px #949494 solid
}

    .footer-v2__main, .footer-v2__main.cq-Editable-dom.cq-Editable-dom--container {
        padding: 21px 21px 21px 14px
    }

.footer-v2__right {
    width: 32.6%
}

    .footer-v2__right, .footer-v2__right.cq-Editable-dom.cq-Editable-dom--container {
        padding: 21px 0 21px 21px
    }

.footer-v2__logo {
    margin-bottom: 7px
}

    .footer-v2__logo a {
        outline: 0
    }

.footer-v2__bottom {
    font-size: 11.9px
}

.footer-v2__social {
    width: 47.4%;
    padding: 7px 21px 7px 14px;
    color: #444
}

    .footer-v2__social div {
        display: inline-block;
        text-transform: uppercase;
        font-weight: 700;
        margin-right: 18px
    }

    .footer-v2__social a {
        color: #444;
        outline: 0;
        margin-right: 17.5px;
        line-height: 11.9px;
        vertical-align: top
    }

        .footer-v2__social a.social-image-link {
            line-height: 0
        }

            .footer-v2__social a.social-image-link img {
                height: 11.9px;
                width: 11.9px;
                vertical-align: middle
            }

.footer-v2__cookie-settings {
    width: 20%;
    text-align: right;
    padding: 7px 21px
}

.footer-v2__copyright {
    width: 32.6%;
    padding: 7px 0 7px 21px
}

.standalone-page-header ~ .footer-v2 .footer-v2__logo {
    margin-bottom: 0;
    line-height: 0.75
}

.noscroll {
    overflow: hidden;
    height: 100%
}

#modals, .modals {
    position: fixed;
    z-index: 0;
    top: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    width: 100%;
    height: 0;
    -webkit-transition: opacity .25s, visibility .25s;
    transition: opacity .25s, visibility .25s;
    opacity: 0
}

    #modals #modal-bg, #modals .modal-bg, .modals #modal-bg, .modals .modal-bg {
        position: fixed;
        top: 0;
        left: 0;
        visibility: hidden;
        width: 100%;
        height: 100%;
        -webkit-transition: opacity .25s, visibility .25s;
        transition: opacity .25s, visibility .25s;
        opacity: 0;
        background: rgba(0,0,0,0.6)
    }

.lt-ie9 #modals #modal-bg, .lt-ie9 #modals .modal-bg, .lt-ie9 .modals #modal-bg, .lt-ie9 .modals .modal-bg {
    background: black;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
}

#modals .modal, .modals .modal {
    visibility: hidden;
    -webkit-transition: opacity .25s, visibility .25s;
    transition: opacity .25s, visibility .25s;
    -webkit-transition-delay: 0;
    transition-delay: 0;
    opacity: 0
}

    #modals .modal img, .modals .modal img {
        max-width: 100%
    }

    #modals .modal:after, .modals .modal:after {
        display: block;
        clear: both;
        content: ''
    }

#modals.visible, .modals.visible {
    z-index: 1000;
    visibility: visible;
    overflow: visible;
    height: 100%;
    opacity: 1
}

    #modals.visible #modal-bg, #modals.visible .modal-bg, .modals.visible #modal-bg, .modals.visible .modal-bg {
        z-index: 101;
        visibility: visible;
        opacity: 1
    }

    #modals.visible .modal, .modals.visible .modal {
        position: fixed;
        z-index: 105;
        right: 0;
        left: 0;
        display: none;
        visibility: visible;
        overflow: auto;
        width: 450px;
        max-height: 92%;
        margin: 30px auto;
        padding: 20px;
        -webkit-transition-delay: .25s;
        transition-delay: .25s;
        opacity: 1;
        border-radius: 10px;
        background: #fff
    }

        #modals.visible .modal.gray, .modals.visible .modal.gray {
            background: #e9e9e9
        }

        #modals.visible .modal.full-width, .modals.visible .modal.full-width {
            width: 90%;
            max-width: 1040px
        }

        #modals.visible .modal.half-width, .modals.visible .modal.half-width {
            width: 45%;
            max-width: 500px
        }

        #modals.visible .modal.large-width, .modals.visible .modal.large-width {
            width: 70%;
            max-width: 700px
        }

        #modals.visible .modal.static, .modals.visible .modal.static {
            position: relative
        }

        #modals.visible .modal.visible, .modals.visible .modal.visible {
            display: block
        }

        #modals.visible .modal.visible-overflow, .modals.visible .modal.visible-overflow {
            overflow: visible
        }

        #modals.visible .modal a.x-button, .modals.visible .modal a.x-button {
            position: absolute;
            top: 5px;
            right: 5px;
            width: 24px;
            height: 24px;
            cursor: pointer;
            -webkit-transition: all .25s;
            transition: all .25s;
            text-align: center;
            color: #fff;
            border-radius: 24px;
            background-color: #000;
            font-size: 12px;
            line-height: 24px
        }

            #modals.visible .modal a.x-button:before, .modals.visible .modal a.x-button:before {
                content: '\E017';
                font-family: "dhl";
                font-style: normal;
                font-weight: normal;
                text-decoration: none;
                text-transform: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                display: inline-block;
                min-width: 1em;
                line-height: 1;
                text-align: center;
                margin-left: .2em;
                margin-right: .2em;
                position: relative;
                vertical-align: bottom;
                font-size: 12px;
                line-height: 24px;
                margin-right: 0
            }

            #modals.visible .modal a.x-button:before, .modals.visible .modal a.x-button:before {
                margin-left: 0
            }

        #modals.visible .modal h1, .modals.visible .modal h1 {
            margin-top: 0
        }

.modal .center {
    width: 50%;
    margin-right: auto;
    margin-left: auto
}

.modal-edit-link__btn-save {
    margin-top: 32px
}

.modal-edit-link__text-input {
    width: 100%
}

.modal-open {
    overflow: hidden;
    height: 100%
}

    .modal-open .ewf-modal-bg {
        visibility: visible;
        opacity: 1
    }

.btn-close, .modal__btn-close {
    position: absolute;
    z-index: 100;
    top: 5px;
    right: 5px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    text-align: center;
    color: #fff;
    border-radius: 24px;
    background-color: #000;
    font-size: 12px;
    line-height: 24px
}

    .btn-close:before, .modal__btn-close:before {
        content: '\E017';
        font-family: "dhl";
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        min-width: 1em;
        line-height: 1;
        text-align: center;
        margin-left: .2em;
        margin-right: .2em;
        position: relative;
        margin-right: 0;
        margin-left: 0.25em;
        vertical-align: bottom;
        font-size: 12px;
        line-height: 24px
    }

    .btn-close:before, .modal__btn-close:before {
        margin-left: 0
    }

.ewf-modal {
    position: fixed;
    z-index: 11000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: hidden;
    overflow-x: auto;
    width: 100%;
    padding: 30px;
    text-align: center;
    white-space: nowrap;
    outline: 0
}

    .ewf-modal.v2-modal {
        left: -2px;
        padding: 36px;
        -webkit-animation-name: lightbox;
        animation-name: lightbox;
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s
    }

    .ewf-modal:before {
        position: relative;
        display: inline-block;
        height: 100%;
        content: '';
        vertical-align: middle
    }

.ewf-modal__dialog {
    position: relative;
    display: inline-block;
    width: auto;
    min-width: 300px;
    max-width: 500px;
    height: 100%;
    vertical-align: middle;
    white-space: normal
}

    .ewf-modal__dialog.v2-modal-dialog {
        max-width: 840px;
        width: 100%
    }

        .ewf-modal__dialog.v2-modal-dialog .overflow-wrapper {
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            border-radius: 3.5px
        }

.lt-ie9 .ewf-modal__dialog.v2-modal-dialog .table-wrapper {
    display: table;
    width: 100%;
    height: 100%
}

.lt-ie9 .ewf-modal__dialog.v2-modal-dialog .table-cell-wrapper {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.ewf-modal__dialog.v2-modal-dialog .login-popup-close-modal {
    right: 21px;
    cursor: pointer;
    color: #666
}

.ewf-modal__wrapper {
    display: inline-block;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    max-height: 100%;
    text-align: left;
    border: 30px solid #fff;
    border-width: 35px 10px 20px;
    border-radius: 10px;
    outline: 0;
    background-color: #fff
}

    .ewf-modal__wrapper.v2-modal-wrapper {
        display: block;
        position: relative;
        border-radius: 3.5px;
        border: none;
        padding: 28px 28px 0
    }

        .ewf-modal__wrapper.v2-modal-wrapper .ewf-modal__content {
            padding-bottom: 28px
        }

html:not(.lt-ie9) .ewf-modal__wrapper.v2-modal-wrapper {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.v2-modal-wrapper .ewf-modal__header {
    color: #444;
    font-size: 28px;
    margin-bottom: 14px
}

.ewf-modal__content {
    padding: 0 10px
}

.v2-modal-wrapper .ewf-modal__content {
    padding: 0
}

.ewf-modal__footer {
    margin-top: 20px;
    text-align: right
}

    .ewf-modal__footer:after {
        clear: both;
        content: '';
        display: block
    }

.ewf-modal__img {
    max-width: 100%
}

.ewf-modal-bg {
    position: fixed;
    z-index: 10990;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.25s, visibility 0.25s;
    transition: opacity 0.25s, visibility 0.25s;
    opacity: 0;
    background-color: #333;
    background-color: rgba(0,0,0,0.6)
}

    .ewf-modal-bg.is-visible {
        visibility: visible;
        opacity: 1
    }

.v2-background-color .ewf-modal-bg {
    background-color: rgba(0,0,0,0.8)
}

.ewf-modal_width_large .ewf-modal__dialog {
    width: 80%;
    max-width: 700px
}

    .ewf-modal_width_large .ewf-modal__dialog.v2-modal-dialog {
        max-width: 840px;
        width: 100%
    }

.ewf-modal_width_full .ewf-modal__dialog {
    width: 100%;
    max-width: 1040px;
    min-width: 1000px
}

.ewf-modal_width_middle .ewf-modal__dialog {
    width: 60%;
    max-width: 550px
}

.ewf-modal_width_wide .ewf-modal__dialog {
    min-width: 400px;
    max-width: 600px
}

.ewf-modal_width_small .ewf-modal__dialog {
    width: 35%;
    max-width: 400px
}

.ewf-modal_center .ewf-modal__dialog {
    min-height: 100%
}

.ewf-modal_no-scroll .ewf-modal__wrapper {
    overflow: visible
}

.is-visible .ewf-modal {
    display: block
}

div[modal-window] {
    position: fixed;
    z-index: 1050;
    outline: none
}

#modals.visible .modal.visible.modal-packaging-settings {
    overflow: visible;
    width: 550px
}

    #modals.visible .modal.visible.modal-packaging-settings .input_width_small {
        width: 70px
    }

.primary-modal {
    z-index: 10000 !important;
    display: block !important
}

    .primary-modal ~ .modal {
        display: none !important
    }

@-webkit-keyframes lightbox {
    0% {
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }

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

@keyframes lightbox {
    0% {
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }

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

.file-list {
    margin: 10px 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
    border: 1px solid #ccc
}

    .file-list:empty {
        margin: 0
    }

.file-list_downloaded {
    border: 1px solid #ccc
}

    .file-list_downloaded .file-list__item {
        background-color: #f1f1f1
    }

.file-list_downloaded_new {
    border: none
}

    .file-list_downloaded_new .file-list__item {
        border-radius: 3px;
        border: 1px solid #949494;
        background-color: #f9f9f9;
        margin-bottom: 2px;
        line-height: 1.5;
        padding: 16px 20px
    }

        .file-list_downloaded_new .file-list__item:first-child {
            border-top-width: 1px
        }

    .file-list_downloaded_new .dhlicon-v2-delete {
        bottom: 2px;
        border: none;
        background: transparent
    }

.file-list__item {
    padding: 10px;
    line-height: 1;
    border-top: 1px solid #ccc;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden
}

    .file-list__item:after {
        clear: both;
        content: '';
        display: block
    }

    .file-list__item:first-child {
        border-top-width: 0
    }

.file-list__item-name {
    width: 259px;
    float: left
}

.file-list__item-progress {
    width: 160px;
    float: left;
    padding-left: 20px
}

.file-list__item-action {
    float: right
}

.file-list__item-container {
    position: relative
}

    .file-list__item-container:after {
        clear: both;
        content: '';
        display: block
    }

@supports ((display: -webkit-box) or (display: -webkit-flex) or (display: -ms-flexbox) or (display: flex)) {
    .file-list__item-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .file-list__item-progress {
        text-align: right;
        -webkit-box-flex: 1;
        -webkit-flex: auto;
        -ms-flex: auto;
        flex: auto;
        margin-right: 14px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .file-list__item-action {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none
    }
}

.file-list__file-name {
    white-space: normal;
    word-break: break-all;
    margin-bottom: 10px
}

.file-list__image {
    width: 40%
}

.customs-invoice-file-list {
    border: none
}

.customs-invoice-percentage-bar {
    width: 50%;
    margin-top: 6px
}

.btn_customs-invoice-upload-cancel {
    position: absolute;
    margin: 15px 0 0 25px
}

.file-list__actions {
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end
}

.file-list__item-transparent {
    background-color: transparent !important
}

.file-uploader-new {
    background-color: #fff;
    padding: 14px;
    border: 1px dashed #949494;
    border-radius: 3px;
    -webkit-transition: all .25s;
    transition: all .25s;
    text-align: center
}

    .file-uploader-new.error {
        border: 1px solid #d20c1c
    }

    .file-uploader-new.success {
        border: 1px solid #2bb82b
    }

    .file-uploader-new .dhlicon-v2-delete:before, .file-uploader-new .dhi-icon-scalable:before {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8)
    }

.file-uploader__browse-and-drop {
    display: block;
    cursor: pointer;
    text-align: center
}

    .file-uploader__browse-and-drop .link {
        color: #189aca
    }

    .file-uploader__browse-and-drop .dhlicon-v2-upload {
        vertical-align: text-bottom
    }

.file-uploader__file-limits {
    background: #f9f9f9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-top: 1px solid #e9e9e9
}

.file-uploader__drag-n-drop-holder {
    position: relative
}

.file-uploader__drag-n-drop-holder_on-hover {
    border: 1px solid #189aca;
    background: #8ad5f1
}

.file-uploader__drag-n-drop-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    cursor: pointer
}

.progress {
    position: relative;
    box-sizing: border-box;
    width: 300px;
    height: 10px;
    margin: 15px 0;
    padding-right: 40px
}

    .progress:before {
        position: absolute;
        top: 0;
        right: 40px;
        bottom: 0;
        left: 0;
        content: '';
        border-radius: 5px;
        background: #f1f1f1;
        box-shadow: inset 0 0 0 1px #ccc
    }

.progress__loader {
    position: relative;
    height: 100%;
    min-height: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border-radius: 10px;
    background-color: #2bb82b
}

.progress__counter {
    position: absolute;
    top: -2px;
    left: 100%;
    margin-left: -32px;
    font-size: 12px
}

.progress__uploader {
    margin: 0;
    padding-right: 0;
    width: 90%;
    float: left
}

    .progress__uploader:before {
        right: 0
    }

.progress_width_full {
    width: 100%
}

.progress_width_half {
    width: 50%
}

.alert {
    position: relative;
    box-sizing: border-box;
    max-height: 1000px;
    margin: 10px 0;
    padding: 15px;
    white-space: normal;
    border: 1px solid;
    border-left-width: 40px;
    border-radius: 2px;
    overflow-wrap: break-word
}

html:not(.lt-ie9) .alert:before {
    font-family: "dhl";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.alert:before {
    position: absolute;
    left: -35px;
    width: 30px;
    text-align: center;
    font-size: 1.25em;
    line-height: 1
}

.alert a {
    text-decoration: underline;
    color: inherit
}

    .alert a.btn {
        text-decoration: none
    }

html:not(.lt-ie9) .alert_info:before {
    content: '\E037'
}

.alert_info, .alert[class*='dhlicon'] {
    color: #333;
    border-color: rgba(101,200,237,0.9);
    background: rgba(215,241,250,0.9)
}

    .alert_info .btn_alert, .alert_info .alert__toggle, .alert[class*='dhlicon'] .btn_alert, .alert[class*='dhlicon'] .alert__toggle {
        background-color: #4fc0ea
    }

        .alert_info .btn_alert:hover, .alert_info .alert__toggle:hover, .alert[class*='dhlicon'] .btn_alert:hover, .alert[class*='dhlicon'] .alert__toggle:hover {
            background-color: rgba(101,200,237,0.9)
        }

        .alert_info .btn_alert[disabled], .alert[class*='dhlicon'] .btn_alert[disabled] {
            color: #ccc;
            background-color: #f1f1f1;
            text-shadow: none
        }

.alert_success {
    color: #000;
    border-color: rgba(45,192,45,0.9);
    background: #75df75;
    background: rgba(117,223,117,0.9);
    filter: alpha(opacity=90)
}

html:not(.lt-ie9) .alert_success:before {
    content: '\E015'
}

.alert_success .btn_alert, .alert_success .alert__toggle {
    color: #fff;
    background-color: #28ac28
}

    .alert_success .btn_alert:hover, .alert_success .alert__toggle:hover {
        background-color: rgba(45,192,45,0.9)
    }

.alert_warning {
    color: #333;
    border-color: rgba(254,197,22,0.9);
    background: #fede7b;
    background: rgba(254,222,123,0.9);
    filter: alpha(opacity=90)
}

html:not(.lt-ie9) .alert_warning:before {
    content: '\E005'
}

.alert_warning .btn_alert, .alert_warning .alert__toggle {
    color: #fff;
    background-color: #f9bc01
}

    .alert_warning .btn_alert:hover, .alert_warning .alert__toggle:hover {
        background-color: rgba(254,197,22,0.9)
    }

.alert_warning a {
    color: #000
}

.alert_warning i {
    text-align: center;
    color: #000
}

.alert_error {
    color: #fff;
    border-color: rgba(192,35,35,0.9);
    background: #df5151;
    background: rgba(223,81,81,0.9);
    filter: alpha(opacity=90)
}

html:not(.lt-ie9) .alert_error:before {
    content: '\E052'
}

.fancy-form-container .alert_error {
    background: #d20c1c;
    border-color: #d20c1c;
    padding: 14px;
    border-radius: 3px
}

    .fancy-form-container .alert_error:before {
        font-size: 16px;
        left: -30px
    }

.alert_error .btn_alert, .alert_error .alert__toggle {
    color: #fff;
    background-color: #ab1f1f
}

    .alert_error .btn_alert:hover, .alert_error .alert__toggle:hover {
        background-color: rgba(192,35,35,0.9)
    }

.alert__open, .alert__close-over {
    color: #fff;
    line-height: 1;
    position: absolute;
    top: 10px;
    right: 7px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: none;
    background: none
}

    .alert__open:after, .alert__close-over:after {
        font-size: 15px;
        border: 1px solid #fff;
        padding: 3px 5px 3px 5px;
        background-color: #d20c1c;
        border-radius: 15%
    }

    .alert__open:after {
        content: '\E010';
        font-family: "dhl";
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .alert__close-over:after {
        content: '\E013';
        font-family: "dhl";
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.dhl-form-container [ng-form].fancy-form-container:not(.ewfc-submitted) .alert, form.fancy-form-container:not(.ewfc-submitted) .alert {
    display: none
}

.alert_small {
    padding: 10px;
    font-size: 12px;
    border-left-width: 30px
}

    .alert_small:before {
        left: -30px
    }

.alert_closed {
    max-height: 0;
    margin: 0;
    padding: 0 15px;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    opacity: 0
}

.alert_animate {
    visibility: hidden;
    -webkit-animation-duration: 0.25s;
    animation-duration: 0.25s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 0;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.alert_animate-left {
    visibility: visible;
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

.alert_animate-up {
    visibility: visible;
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

.alert_animate-down {
    visibility: visible;
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

.alert__close {
    position: relative;
    top: -5px;
    right: -5px;
    float: right;
    padding: 0;
    text-decoration: none !important;
    color: inherit;
    border: 0;
    background: none;
    font-size: 0.8em;
    line-height: 1
}

html:not(.lt-ie9) .alert__close:after {
    content: '\E017';
    font-family: "dhl";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.alert__close:after {
    margin-left: 5px
}

.alert__dont-show-checkbox {
    position: absolute;
    right: 10px;
    bottom: 0
}

.alert__toggle {
    position: absolute;
    float: right;
    width: 20px;
    margin-bottom: 15px;
    margin-left: 15px;
    padding: 0 3px;
    text-align: center;
    text-decoration: none;
    border-radius: 2px
}

    .alert__toggle:before {
        margin-right: 1px
    }

.alert.dhlicon-custom[data-icon-code] {
    color: #333;
    border-color: rgba(101,200,237,0.9);
    background: rgba(215,241,250,0.9)
}

    .alert.dhlicon-custom[data-icon-code]:before {
        content: attr(data-icon-code);
        color: #fff;
        font-family: 'dhl-icon'
    }

.alert__on-off-time {
    position: absolute;
    z-index: 1;
    right: -100px;
    bottom: 0;
    padding: 2px 4px;
    color: black;
    border: 1px solid black;
    background: #fff;
    font-size: 11px
}

    .alert__on-off-time p {
        margin: 0
    }

.alert__author-info-block {
    right: -100px;
    bottom: 10px;
    margin: 2px;
    padding: 2px 4px;
    color: black;
    border: 1px solid black;
    background: #fff;
    font-size: 11px
}

    .alert__author-info-block p {
        margin: 0
    }

.alert:empty {
    display: none
}

.alert_new {
    font-weight: bold;
    border-left-width: 1px;
    padding-left: 40px
}

    .alert_new:before {
        left: 5px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .alert_new.alert_error {
        border-color: #d20c1c;
        background: rgba(210,12,28,0.8)
    }

.alert_noicon {
    text-align: center
}

    .alert_noicon:before {
        display: none
    }

.alert_info:before, .alert[class*='dhlicon']:before, .alert_success:before, .alert_error:before, .dhl-alert-component_error:before, .alert_info .alert__toggle, .alert[class*='dhlicon'] .alert__toggle, .alert_success .alert__toggle, .alert_error .alert__toggle, .dhl-alert-component_error .alert__toggle, .alert_info .btn_alert, .alert[class*='dhlicon'] .btn_alert, .alert_success .btn_alert, .alert_error .btn_alert, .dhl-alert-component_error .btn_alert {
    color: #fff;
    text-shadow: 0 1px 0.5px rgba(0,0,0,0.2)
}

@-webkit-keyframes slideInLeft {
    from {
        left: 50px;
        opacity: 0;
        -webkit-filter: blur(5px);
        filter: blur(5px)
    }

    to {
        left: 0;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@keyframes slideInLeft {
    from {
        left: 50px;
        opacity: 0;
        -webkit-filter: blur(5px);
        filter: blur(5px)
    }

    to {
        left: 0;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@-webkit-keyframes slideInUp {
    from {
        top: 50px;
        opacity: 0;
        -webkit-filter: blur(5px);
        filter: blur(5px)
    }

    to {
        top: 0;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@keyframes slideInUp {
    from {
        top: 50px;
        opacity: 0;
        -webkit-filter: blur(5px);
        filter: blur(5px)
    }

    to {
        top: 0;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@-webkit-keyframes slideOutDown {
    to {
        top: 50px;
        visibility: hidden;
        opacity: 0;
        -webkit-filter: blur(5px);
        filter: blur(5px)
    }

    from {
        top: 0;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@keyframes slideOutDown {
    to {
        top: 50px;
        visibility: hidden;
        opacity: 0;
        -webkit-filter: blur(5px);
        filter: blur(5px)
    }

    from {
        top: 0;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

.dhl-alert-component {
    margin-top: 20px
}

.dhl-alert-component_error {
    color: #fff;
    border-color: rgba(192,35,35,0.9);
    border-left-width: 40px;
    background: rgba(223,81,81,0.9);
    min-width: 768px;
    max-width: 1100px;
    margin: 0 auto;
    margin-top: 5px
}

    .dhl-alert-component_error .btn_alert, .dhl-alert-component_error .alert__toggle {
        background-color: #ab1f1f;
        color: #fff
    }

        .dhl-alert-component_error .btn_alert:hover, .dhl-alert-component_error .alert__toggle:hover {
            background-color: rgba(192,35,35,0.9)
        }

    .dhl-alert-component_error.alert-header {
        margin-top: 0;
        color: #df5151;
        border-color: #fff;
        border-left-width: 25px;
        background-color: #fff;
        box-shadow: 0 0 7px rgba(0,0,0,0.15);
        font-size: 14px
    }

        .dhl-alert-component_error.alert-header .dhl-alert-component__icon {
            left: -15px
        }

            .dhl-alert-component_error.alert-header .dhl-alert-component__icon[data-icon-code]:before {
                font-size: 1em
            }

        .dhl-alert-component_error.alert-header a {
            padding-left: 4px;
            text-decoration: none;
            color: #189aca
        }

            .dhl-alert-component_error.alert-header a.close-alert-btn {
                padding-left: 0;
                position: absolute;
                z-index: 1;
                right: 5px;
                width: 16px;
                height: 16px;
                text-align: center;
                color: #333;
                font-size: 22px;
                line-height: 19px
            }

                .dhl-alert-component_error.alert-header a.close-alert-btn:after {
                    content: '×'
                }

    .dhl-alert-component_error.alert-header__close:after {
        font-family: "dhl";
        content: '\E017';
        position: relative;
        top: 2px;
        right: 20px;
        float: right;
        color: #000;
        font-size: 12px
    }

.dhl-alert-component__icon {
    position: absolute;
    top: 10px;
    left: -30px;
    width: 25px;
    text-align: center
}

    .dhl-alert-component__icon[data-icon-code]:before {
        margin-right: 0;
        margin-left: 0;
        content: attr(data-icon-code);
        font-family: 'dhl-icon';
        font-weight: normal;
        font-style: normal;
        font-size: 1.25em;
        line-height: 1
    }

.dhl-alert-component__service-on-off-time {
    position: absolute;
    right: -100px;
    padding: 2px 4px;
    color: black;
    border: 1px solid black;
    background: #fff;
    font-size: 11px;
    -webkit-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    transform: translateY(-80%)
}

    .dhl-alert-component__service-on-off-time p {
        margin: 0
    }

.dhl-alert-component-wrapper {
    position: relative;
    min-width: 768px;
    max-width: 1100px;
    margin: 0 auto
}

    .dhl-alert-component-wrapper .dhl-alert-component_error {
        width: 100%;
        z-index: 1
    }

.v2-header ~ .dhl-alert-component-wrapper {
    min-width: auto;
    max-width: 1150px
}

    .v2-header ~ .dhl-alert-component-wrapper.is-guest > div {
        height: 0
    }

    .v2-header ~ .dhl-alert-component-wrapper > div {
        margin: 0 25px
    }

    .v2-header ~ .dhl-alert-component-wrapper .dhl-alert-component_error {
        min-width: auto
    }

.service-alerts-container .alert_link, .service-alerts .alert_link {
    margin-top: 10px
}

.service-alerts .alert {
    margin-top: 0
}

.service-alerts .dhl-alert-component {
    margin-top: 5px
}

.alert-preview {
    margin-bottom: 80px
}

.dashboard-alert .alert {
    margin: 0;
    padding: 10px
}

    .dashboard-alert .alert:before {
        top: 10px
    }

.dashboard-alert p {
    margin: 0
}
/*

.ui-autocomplete {
    z-index: 10001;
    overflow-y: auto;
    width: 300px;
    max-height: 250px;
    margin: 0;
    padding: 0;
    border: 1px solid #a1a1a1;
    background: #fff
}

    .ui-autocomplete li, .ui-autocomplete .ui-menu-item {
        margin: 0;
        padding: 6px 10px;
        -webkit-transition: all .25s;
        transition: all .25s;
        text-align: left;
        color: #666;
        border: 0;
        background-color: #fff;
        font-size: 12px;
        line-height: 1.25em
    }

        .ui-autocomplete li br:first-child, .ui-autocomplete .ui-menu-item br:first-child {
            display: none
        }

        .ui-autocomplete li:nth-child(odd), .ui-autocomplete .ui-menu-item:nth-child(odd) {
            background-color: #f9f9f9
        }

        .ui-autocomplete li.country-item, .ui-autocomplete .ui-menu-item.country-item {
            position: relative;
            padding: 0 40px 0 10px;
            line-height: 40px
        }

            .ui-autocomplete li.country-item .flag, .ui-autocomplete .ui-menu-item.country-item .flag {
                position: absolute;
                top: 3px;
                right: 10px
            }

        .ui-autocomplete li.phone-item, .ui-autocomplete .ui-menu-item.phone-item {
            padding: 0 5px;
            line-height: 32px
        }

        .ui-autocomplete li.ui-state-focus, .ui-autocomplete .ui-menu-item.ui-state-focus {
            cursor: pointer;
            color: inherit;
            background: #b7e6f7;
            font-weight: inherit
        }

        .ui-autocomplete li.ui-autocomplete-category, .ui-autocomplete .ui-menu-item.ui-autocomplete-category {
            position: relative;
            padding: 2px 7px;
            text-align: right;
            color: #666;
            background-color: #ccc;
            font-size: 10px;
            font-style: italic;
            line-height: 1.3
        }

            .ui-autocomplete li.ui-autocomplete-category:first-child, .ui-autocomplete .ui-menu-item.ui-autocomplete-category:first-child {
                top: 0
            }

                .ui-autocomplete li.ui-autocomplete-category:first-child + li, .ui-autocomplete .ui-menu-item.ui-autocomplete-category:first-child + li {
                    margin-top: 0;
                    border-top: 0
                }

        .ui-autocomplete li.enterCountryAndCity, .ui-autocomplete .ui-menu-item.enterCountryAndCity {
            margin-top: 20px;
            border-top: 1px solid #e9e9e9;
            background-color: transparent;
            font-style: italic
        }

        .ui-autocomplete li b, .ui-autocomplete .ui-menu-item b {
            display: inline-block;
            color: #000
        }

    .ui-autocomplete.ui-front {
        border: 1px solid #444;
        border-radius: 0 0 3px 3px;
        max-height: 310px;
        width: 100%;
        min-width: calc(100% - 2px);
        position: absolute;
        z-index: 999
    }*/
/*
.v2-home-form .ui-autocomplete.ui-front {
    width: 250px
}

.ui-autocomplete.ui-front .ui-menu-item {
    padding: 0
}

.ui-autocomplete.ui-front .ui-menu-item-wrapper {
    display: block;
    color: #000;
    padding: 14px
}

    .ui-autocomplete.ui-front .ui-menu-item-wrapper .flag {
        margin-right: 6px
    }

    .ui-autocomplete.ui-front .ui-menu-item-wrapper span {
        width: 85%;
        display: inline-block;
        font-size: 14px;
        line-height: 1.375;
        vertical-align: middle;
        white-space: normal
    }

    .ui-autocomplete.ui-front .ui-menu-item-wrapper.ui-state-active {
        background-color: #007acc;
        color: #fff
    }

.country-autocomplete, .phone-autocomplete {
    position: relative
}

    .country-autocomplete:after, .phone-autocomplete:after {
        position: absolute;
        top: 1px;
        bottom: 1px;
        left: 1px;
        width: 34px;
        content: '';
        background-color: #f1f1f1
    }*/

.fancy-form-container .country-autocomplete:after, .dhl-form-option-dropdown .country-autocomplete:after, .v2-home-form .country-autocomplete:after, .fancy-form-container .phone-autocomplete:after, .dhl-form-option-dropdown .phone-autocomplete:after, .v2-home-form .phone-autocomplete:after {
    width: 56px;
    height: 51px;
    background: #e9e9e9;
    line-height: 53px;
    text-align: center;
    border-top-left-radius: 2.5px;
    border-bottom-left-radius: 2.5px
}

.country-autocomplete__flag, .phone-autocomplete__flag {
    position: absolute;
    z-index: 3;
    top: 3px;
    left: 5px
}

.fancy-form-container .country-autocomplete__flag, .dhl-form-option-dropdown .country-autocomplete__flag, .v2-home-form .country-autocomplete__flag, .fancy-form-container .phone-autocomplete__flag, .dhl-form-option-dropdown .phone-autocomplete__flag, .v2-home-form .phone-autocomplete__flag {
    top: 10px;
    left: 13px
}

.country-autocomplete__flag-unknown, .phone-autocomplete__flag-unknown {
    background-image: url("../img/question-mark.png");
    width: 24px;
    height: 19px;
    position: absolute;
    z-index: 3;
    top: 6px;
    left: 6px
}

.country-autocomplete .input, .phone-autocomplete .input {
    padding-left: 42px
}

.fancy-form-container .country-autocomplete .input, .dhl-form-option-dropdown .country-autocomplete .input, .v2-home-form .country-autocomplete .input, .fancy-form-container .phone-autocomplete .input, .dhl-form-option-dropdown .phone-autocomplete .input, .v2-home-form .phone-autocomplete .input {
    padding-left: 72px
}

[ewf-form-container] .country-autocomplete.field-wrapper {
    margin-bottom: 0
}

.phone-flag {
    margin-right: 5px
}

.ewf-autocomplete {
    position: relative
}

.ewf-autocomplete__list {
    position: absolute;
    z-index: 10000;
    top: 100%;
    left: 0;
    overflow-y: auto;
    min-width: 300px;
    max-width: 400px;
    max-height: 250px;
    margin: -1px 0 0;
    padding: 0;
    list-style: none;
    border: 1px solid #a1a1a1;
    background: #fff
}

    .ewf-autocomplete__list:empty {
        border: 0
    }

.ewf-autocomplete li {
    margin: 0;
    padding: 6px 10px;
    -webkit-transition: all .25s;
    transition: all .25s;
    color: #666;
    background-color: #fff;
    font-size: 12px;
    line-height: 1.25em
}

    .ewf-autocomplete li:after {
        clear: both;
        content: '';
        display: block
    }

    .ewf-autocomplete li:nth-child(odd) {
        background-color: #f9f9f9
    }

    .ewf-autocomplete li:hover {
        cursor: pointer;
        color: inherit;
        background: #b7e6f7;
        font-weight: inherit
    }

.ui-helper-hidden-accessible {
    display: none
}

.dropdown-component ~ .dropdown-menu {
    background: #fff;
    border: 1px solid #a1a1a1;
    border-radius: 0;
    margin: 0;
    max-height: 250px;
    padding: 0;
    overflow-y: scroll;
    top: 45px;
    width: 98%
}

.dir-rtl .dropdown-component ~ .dropdown-menu {
    right: auto !important
}

.dhl-form-option-dropdown .dropdown-component ~ .dropdown-menu {
    width: 100%;
    max-height: 308px
}

#product-catalog-popup .dropdown-component ~ .dropdown-menu {
    width: auto
}

.dropdown-component ~ .dropdown-menu li {
    background-color: #fff;
    border: 0 none;
    color: #666;
    font-size: 12px;
    line-height: 40px;
    list-style-type: none;
    margin: 0;
    position: relative;
    text-align: left;
    -webkit-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s
}

    .dropdown-component ~ .dropdown-menu li:nth-child(2n+1) {
        background-color: #f9f9f9
    }

    .dropdown-component ~ .dropdown-menu li.active, .dropdown-component ~ .dropdown-menu li:hover {
        background: #b7e6f7;
        color: inherit;
        cursor: pointer;
        font-weight: inherit
    }

    .dropdown-component ~ .dropdown-menu li a {
        color: #666;
        font-size: 12px;
        padding: 0 40px 0 10px;
        line-height: inherit
    }

        .dropdown-component ~ .dropdown-menu li a:hover, .dropdown-component ~ .dropdown-menu li a:focus {
            background: none
        }

        .dropdown-component ~ .dropdown-menu li a.product-list-autocomplete {
            line-height: 2em
        }

    .dropdown-component ~ .dropdown-menu li.active > a {
        background: none
    }

.dhl-form-option-dropdown .dropdown-component ~ .dropdown-menu li.active {
    background-color: #007acc;
    color: #fff
}

    .dhl-form-option-dropdown .dropdown-component ~ .dropdown-menu li.active .ie8-typeahead-link--v2 {
        color: #fff
    }

.dropdown-component ~ .dropdown-menu li .flag {
    position: absolute;
    right: 5px;
    top: 4px
}

.dropdown-component ~ .dropdown-menu li .ie8-typeahead-link--v2 {
    color: black;
    padding: 10px 14px;
    font-size: 14px;
    font-family: Arial,Helvetica,sans-serif
}

    .dropdown-component ~ .dropdown-menu li .ie8-typeahead-link--v2 .flag {
        position: static;
        display: inline-block;
        margin-right: 4px
    }

.gref-item ~ .dropdown-menu {
    width: auto
}

.ewf-customs-invoice-country .dropdown-menu {
    min-width: 300px;
    max-width: 400px;
    max-height: 250px
}

.ewf-document-description .dropdown-menu {
    max-height: 250px;
    overflow-y: scroll
}

.filter {
    position: relative;
    z-index: 1000;
    padding: 5px;
    background: #fff
}

.filter__divider {
    position: relative;
    top: 2px;
    display: inline-block;
    height: 1em;
    margin: 0 10px;
    border: 1px solid #e9e9e9
}

.filter__group {
    position: relative
}

.filter__categories {
    display: inline-block;
    padding: 5px 0
}

.filter__checkbox {
    padding: 5px
}

.filter__input {
    margin: 0 0 5px 0;
    padding: 5px;
    border-bottom: 1px solid #f1f1f1
}

.filter__dropdown:not(:empty) {
    position: absolute;
    top: 100%;
    left: -5px;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #e9e9e9;
    background: #f9f9f9
}

.filter__list {
    min-width: 250px;
    margin: 0;
    padding: 0;
    list-style: none
}

.filter__list-sub {
    margin-left: 15px
}

.filter__no-results {
    padding: 10px;
    font-size: 12px
}

.filter__item {
    margin: 10px
}

.steppable-breadcrumbs {
    display: inline-block;
    height: 20px;
    margin: 0;
    margin: 10px 0 20px -10px;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #7a7a7a
}

.steppable-breadcrumbs__item {
    display: inline-block;
    margin-top: 0;
    margin-left: 40px;
    padding: 10px;
    color: #a1a1a1;
    background: #fff;
    font-size: 14px;
    font-weight: normal
}

    .steppable-breadcrumbs__item:first-child {
        margin-left: 0
    }

    .steppable-breadcrumbs__item.is-current {
        color: #333;
        font-weight: bold
    }

    .steppable-breadcrumbs__item.is-complete {
        color: #7a7a7a
    }

        .steppable-breadcrumbs__item.is-complete:after {
            content: '\E015';
            font-family: "dhl";
            font-style: normal;
            font-weight: normal;
            text-decoration: none;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            display: inline-block;
            min-width: 1em;
            line-height: 1;
            text-align: center;
            margin-left: .2em;
            margin-right: .2em;
            position: relative;
            top: -3px;
            width: 14px;
            height: 14px;
            margin-left: 5px;
            color: #f1f1f1;
            border-radius: 14px;
            background-color: #2bb82b;
            font-size: 9px;
            line-height: 14px
        }

        .steppable-breadcrumbs__item.is-complete:after {
            margin-left: 0
        }

.nav {
    margin: 0;
    padding: 0;
    list-style: none
}

.nav__item {
    display: inline-block;
    margin: 0 5px
}

    .nav__item:first-child {
        margin-left: 0
    }

    .nav__item:last-child {
        margin-right: 0
    }

.menu {
    z-index: 100;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #ccc;
    background: #f9f9f9;
    font-size: 12px
}

.menu__item {
    display: block;
    margin: 0;
    white-space: nowrap
}

    .menu__item:nth-child(odd) a {
        background: #fff
    }

    .menu__item a {
        display: block;
        padding: 10px;
        background: #f9f9f9;
        line-height: 1
    }

        .menu__item a:hover {
            background: #b7e6f7
        }

.right .menu {
    right: 0
}

.menu-bar {
    position: fixed;
    z-index: 999;
    top: 102px;
    width: 100%;
    max-width: 1100px;
    left: 0;
    margin: 0
}

@media (min-width: 1100px) {
    .menu-bar {
        left: 50%;
        margin-left: -550px
    }
}

.menu-bar .menu-bar__item a:not(.btn) {
    color: #fff
}

.menu-bar__items {
    position: absolute;
    right: 0;
    margin: 0;
    padding: 15px;
    list-style: none;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background: #7a7a7a;
    box-shadow: 0 0 5px rgba(0,0,0,0.2)
}

.ewf-modal__dialog .menu-bar__items {
    background-color: #fff;
    border: 0;
    box-shadow: none
}

.menu-bar__item {
    display: inline-block;
    margin: 0 11px 0 0
}

    .menu-bar__item:last-child {
        margin-right: 0
    }

.v2-corp .menu-bar {
    top: 144px
}

.v2-non-corp .menu-bar {
    top: 106px
}

.pagination {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .pagination:after {
        clear: both;
        content: '';
        display: block
    }

.pagination__item {
    float: left;
    margin-left: 10px;
    line-height: 24px
}

    .pagination__item:first-child {
        margin-left: 0
    }

    .pagination__item .select {
        float: left
    }

        .pagination__item .select select {
            padding: 4px 2em 4px 8px;
            font-size: 12px;
            line-height: 14px
        }

            .pagination__item .select select:after {
                right: 7px
            }

.pagination__label {
    float: left;
    margin-right: 8px;
    line-height: 24px
}

.pagination__btn {
    display: block;
    min-width: 2em;
    padding: 4px;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    text-align: center;
    vertical-align: middle;
    color: #7a7a7a;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #fff;
    line-height: 1
}

    .pagination__btn i:before, .pagination__btn:before {
        margin: 0
    }

    .pagination__btn:hover {
        color: #666;
        border-color: #666;
        background-color: #f9f9f9
    }

    .pagination__btn.blank {
        min-width: 0;
        padding: 4px 0;
        cursor: text;
        color: #7a7a7a;
        border-color: transparent;
        background-color: #fff
    }

    .pagination__btn.disabled {
        cursor: not-allowed;
        color: #e9e9e9;
        border-color: #e9e9e9;
        background-color: transparent
    }

    .pagination__btn.on {
        color: #333;
        border-color: #333;
        background-color: #f9f9f9
    }

.pagination-bottom-line .pagination-show {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc
}

.pagination-top-line .pagination-show {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ccc
}

.pagination-bottom-space .pagination-show {
    margin-bottom: 10px
}

.pagination-top-space .pagination-show {
    margin-top: 10px
}

.pagination-range {
    float: left;
    color: #a1a1a1;
    font-size: 12px;
    line-height: 24px
}

.pagination-range_top {
    float: none;
    margin-top: 10px;
    text-align: right;
    line-height: 20px
}

.grid-pagination-top .pagination-range {
    float: right
}

.pagination [class*='dhlicon'] {
    position: relative;
    top: -1px
}

.pagination.right {
    margin-left: 10px
}

.pagination__wrap {
    float: right
}

.pagination__select {
    margin: 0 5px 0 15px
}

    .pagination__select .select + .pagination__label {
        margin: 0 0 0 8px
    }

.pagination .dhlicon-first, .pagination .dhlicon-next, .pagination .dhlicon-last, .pagination .dhlicon-prev {
    font-size: 10px
}

.area {
    position: relative;
    margin: 15px 0;
    padding: 20px;
    border: none;
    background-color: #fff;
    box-shadow: 0 1px 5px rgba(0,0,0,0.1)
}

    .area:after {
        clear: both;
        content: '';
        display: block
    }

.lt-ie9 .area {
    display: block
}

.area > :first-child {
    margin-top: 0
}

.area > :last-child {
    margin-bottom: 0
}

.area__header {
    position: relative;
    margin-bottom: 20px
}

    .area__header:after {
        clear: both;
        content: '';
        display: block
    }

    .area__header .area__title {
        margin-bottom: 0
    }

.area__title, .area-title {
    margin-top: 0
}

.area__title_center, .area-title_center {
    text-align: center
}

.area__footer {
    position: relative;
    margin-top: 10px
}

    .area__footer:after {
        clear: both;
        content: '';
        display: block
    }

.lt-ie9 .area__footer {
    display: block
}

.area__background {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: -170px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    min-width: 1000px
}

.v2-page-loader .area__background {
    min-width: auto
}

.area_tabs {
    padding: 0
}

.area_dark {
    color: white;
    border-color: #333;
    background-color: rgba(0,0,0,0.6);
    box-shadow: none
}

.sub-area {
    margin-bottom: 40px
}

    .sub-area:last-child {
        margin-bottom: 0
    }

.sub-area__title {
    margin: 0 0 10px
}

.area_side-menu {
    padding: 0
}

.side-menu {
    float: left;
    width: 23%;
    min-height: 1px;
    margin: 0;
    padding: 0;
    list-style: none
}

    .side-menu:before {
        position: absolute;
        top: 0;
        bottom: 0;
        box-sizing: content-box;
        width: 23%;
        content: '';
        border-right: 1px solid #7a7a7a;
        background: #fafafa
    }

.side-menu_narrow {
    width: 15%
}

    .side-menu_narrow:before {
        width: 15%
    }

.side-menu__title {
    position: relative;
    margin: 0;
    padding: 3px 5px;
    cursor: default;
    color: #fafafa;
    background-color: #7a7a7a;
    font-size: 12px
}

.side-menu__item {
    margin: 0
}

.side-menu__link {
    position: relative;
    display: block;
    padding: 10px;
    cursor: pointer;
    -webkit-transition: border-left-width, border-color, color, padding, margin 0.25s;
    transition: border-left-width, border-color, color, padding, margin 0.25s;
    text-decoration: none;
    color: #7a7a7a;
    border: 1px solid transparent;
    outline: none;
    font-size: 12px
}

    .side-menu__link:hover {
        color: #007acc
    }

    .side-menu__item.is-active .side-menu__link, .side-menu__link.is-active {
        margin-right: -1px;
        padding-right: 0;
        padding-left: 12px;
        cursor: default;
        color: #7a7a7a;
        border-color: #7a7a7a;
        border-right-color: #fff;
        border-left-width: 3px;
        background: #fff;
        font-weight: bold
    }

.side-menu__item:first-child .side-menu__link {
    border-top-width: 0
}

.side-menu__list {
    display: none;
    margin: 0;
    padding-left: 20px
}

    .side-menu__list .side-menu__item .side-menu__link {
        border-top-width: 1px
    }

.side-menu__list-wrapper > .side-menu__link:after {
    font-family: "dhl";
    content: '\E007';
    padding-left: 4px
}

.side-menu__list-wrapper.is-expanded > .side-menu__link {
    font-weight: bold
}

    .side-menu__list-wrapper.is-expanded > .side-menu__link:after {
        font-family: "dhl";
        content: '\E00A'
    }

.side-menu__list-wrapper.is-expanded > .side-menu__list {
    display: block
}

.side-content {
    float: left;
    position: relative;
    width: 77%;
    min-width: 1px;
    padding: 20px
}

.side-menu_narrow + .side-content {
    width: 85%
}

.tabs {
    position: relative;
    display: block;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #ccc
}

@supports ((display: -webkit-box) or (display: -webkit-flex) or (display: -ms-flexbox) or (display: flex)) {
    .tabs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.tabs_no-outline {
    border-bottom: 0;
    padding-top: 5px;
    padding-left: 5px;
    margin-left: -5px;
    overflow-y: hidden
}

.tabs__labels {
    margin-bottom: -1px
}

.tabs__item {
    position: relative;
    z-index: 2;
    display: inline-block;
    box-sizing: border-box;
    margin: 0 0 0 5px
}

    .tabs__item:first-child {
        margin-left: 0
    }

    .tabs__item a, .tabs__item span:not(.nls-message) {
        position: relative;
        display: block;
        margin-bottom: -1px;
        padding: 5px 12px 3px;
        text-decoration: none;
        color: #a1a1a1;
        border: 0 solid transparent;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
        cursor: pointer
    }

        .tabs__item a:hover, .tabs__item span:not(.nls-message):hover {
            color: #189aca
        }

    .tabs__item.is-active a, .tabs__item.is-active span {
        color: #333;
        border: 1px solid #ccc;
        border-bottom: 1px solid #fff;
        background: #fff;
        font-weight: bold
    }

.tabs__item_yellow a, .tabs__item_yellow span {
    border: 1px solid #fecb2f;
    border-bottom: 0;
    margin-bottom: 0 !important;
    border-radius: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background: #fff;
    color: #7a7a7a
}

    .tabs__item_yellow a:hover, .tabs__item_yellow span:hover {
        background: #fecb2f;
        color: #333
    }

.tabs__item_yellow.is-active a, .tabs__item_yellow.is-active span {
    border-color: #fecb2f;
    border-bottom: 0;
    color: #333;
    background: #fecb2f;
    font-weight: normal
}

.tabs__item_yellow.is-disabled a, .tabs__item_yellow.is-disabled span {
    border-color: #ccc;
    background: #f9f9f9;
    color: #ccc;
    cursor: not-allowed
}

    .tabs__item_yellow.is-disabled a:before, .tabs__item_yellow.is-disabled span:before {
        content: '\E03A';
        font-family: "dhl";
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        width: 1em;
        line-height: 1;
        text-align: center;
        margin-right: .2em
    }

    .tabs__item_yellow.is-disabled a *, .tabs__item_yellow.is-disabled span * {
        display: inline
    }

.tabs_no-outline .tabs__item a {
    padding: 8px 15px;
    margin: 0;
    border: 0
}

.tabs_no-outline .tabs__item.is-active a {
    font-weight: bold;
    box-shadow: 0 1px 5px rgba(0,0,0,0.1);
    border: 0
}

.tabs__vertical-divider {
    border-bottom: 1px solid #a1a1a1
}

.tabs_yellow {
    border-bottom: 3px solid #fecb2f
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .is-active {
    display: block
}

.overlay-grey, .overlay-dark, .overlay-white {
    position: relative;
    margin-bottom: 15px;
    padding: 15px;
    color: #333;
    border: 1px solid #ccc;
    box-shadow: none
}

    .overlay-grey:after, .overlay-dark:after, .overlay-white:after {
        clear: both;
        content: '';
        display: block
    }

.overlay-grey {
    background-color: #f1f1f1
}

.overlay-dark {
    color: #fff;
    border-color: transparent;
    background-color: #666
}

.overlay-white {
    background-color: #fff
}

.overlay__header {
    margin: 15px -15px;
    padding: 7.5px 15px;
    background-color: #e9e9e9
}

    .overlay__header:first-child {
        margin-top: -15px
    }

.overlay__fixed {
    height: 350px
}

.overlay__scroll {
    overflow-y: scroll;
    height: 210px
}

.vertical-line {
    display: block;
    padding-left: 20px;
    border-left: 1px solid #a1a1a1
}

.darker {
    position: relative;
    padding: 20px;
    color: white;
    background: rgba(0,0,0,0.8)
}

    .darker:after {
        clear: both;
        content: '';
        display: block
    }

.lt-ie9 .darker {
    background: url("../img/ie8/black-80.png")
}

.darker label, .darker .label {
    color: #fff
}

.textarea-view {
    overflow-y: scroll;
    max-width: 100%;
    height: 210px;
    margin: 20px 0;
    padding: 6px 8px;
    -webkit-transition: box-shadow 0.25s, border-color 0.25s, background-color 0.15s;
    transition: box-shadow 0.25s, border-color 0.25s, background-color 0.15s;
    white-space: normal;
    color: #333;
    border: 1px solid #a1a1a1;
    border-radius: 2px;
    background: #fff;
    box-shadow: inset 0 2px 3px rgba(0,0,0,0.1),0 0 5px 2px rgba(212,212,212,0);
    font-size: 14px;
    line-height: 1.25
}

.synopsis {
    position: relative;
    min-height: 46px;
    margin: 1px 0 0;
    padding: 15px 0;
    color: #a1a1a1;
    background: #e9e9e9;
    line-height: 1
}

    .synopsis:after {
        clear: both;
        content: '';
        display: block
    }

.synopsis__content {
    position: relative;
    padding-right: 50px;
    padding-left: 70px;
    word-wrap: break-word
}

.synopsis__col {
    float: left;
    width: 50%
}

.synopsis__row:after {
    clear: both;
    content: '';
    display: block
}

.synopsis__icon {
    position: absolute;
    top: 50%;
    left: 20px;
    margin-top: -0.5em;
    font-size: 28px
}

.synopsis__icon_smaller {
    font-size: 1.7rem
}

.synopsis__icon:before {
    margin: 0
}

.synopsis__icon.dhlicon-openbox {
    font-size: 30px
}

.synopsis__edit {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 10px;
    margin-top: -12px;
    cursor: pointer
}

.section-help, .content-slider {
    position: relative;
    z-index: 1000;
    display: none;
    overflow: hidden;
    height: 1px;
    margin-bottom: -1px;
    font-size: 12px;
    font-weight: normal;
    line-height: 1px
}

    .section-help.is-visible, .content-slider.is-visible {
        display: block;
        overflow: visible
    }

.section-help__link, .content-slider__link {
    font-size: 12px;
    font-weight: normal
}

.section-help__close, .content-slider__close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 0.2em;
    margin-left: 0.2em;
    text-align: center;
    color: #7a7a7a;
    border-radius: 16px;
    background: #f9f9f9;
    font-family: 'dhl';
    font-size: 8px;
    font-weight: normal;
    font-style: normal;
    line-height: 16px
}

    .section-help__close:after, .content-slider__close:after {
        content: '\E017'
    }

.section-help__container, .content-slider__container {
    position: absolute;
    z-index: 100;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding: 1px;
    -webkit-transition: all .25s;
    transition: all .25s;
    opacity: 0;
    border-radius: 3px;
    background: #a1a1a1;
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
    line-height: 1.2
}

.is-visible .section-help__container, .is-visible .content-slider__container {
    opacity: 1 !important
}

.section-help__tab.is-active, .section-help__item.is-active, .content-slider__tab.is-active, .content-slider__item.is-active {
    display: block
}

.section-help__tab__title, .section-help__item__title, .content-slider__tab__title, .content-slider__item__title {
    padding: 10px 10px;
    background: #fecb2f;
    font-size: 14px;
    font-weight: bold
}

.section-help__tab__content, .section-help__item__content, .content-slider__tab__content, .content-slider__item__content {
    padding: 15px;
    min-height: 115px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    background: #fff
}

.section-help__tab__content__notifications, .section-help__item__content__notifications, .content-slider__tab__content__notifications, .content-slider__item__content__notifications {
    min-height: 85px
}

.section-help__tab__content__hints, .section-help__item__content__hints, .content-slider__tab__content__hints, .content-slider__item__content__hints {
    min-height: 170px
}

.section-help__tab__content__items, .section-help__item__content__items, .content-slider__tab__content__items, .content-slider__item__content__items {
    min-height: 115px
}

.section-help__tab__content__assigned, .section-help__item__content__assigned, .content-slider__tab__content__assigned, .content-slider__item__content__assigned {
    min-height: 70px
}

.section-help__tab__content__itar-bis, .section-help__item__content__itar-bis, .content-slider__tab__content__itar-bis, .content-slider__item__content__itar-bis {
    min-height: 150px
}

.section-help__pages, .content-slider__pages {
    display: block;
    margin: 0;
    padding: 5px 0;
    list-style: none;
    text-align: center;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    background: #f9f9f9;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.section-help__pages__item, .content-slider__pages__item {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    cursor: pointer;
    -webkit-transition: all .25s;
    transition: all .25s;
    border-radius: 10px;
    background: #ccc
}

    .section-help__pages__item.is-active, .content-slider__pages__item.is-active {
        background: #666
    }

.section-help__pages__prev, .section-help__pages__next, .content-slider__pages__prev, .content-slider__pages__next {
    display: inline-block;
    width: 16px;
    height: 10px;
    cursor: pointer;
    line-height: 10px
}

.slider-slide.section {
    position: relative;
    overflow: hidden
}

.table {
    width: 100%;
    margin: 0
}

    .table td, .table th {
        position: relative;
        -webkit-transition: all 0.15s;
        transition: all 0.15s;
        vertical-align: top
    }

    .table th {
        padding: 5px 10px;
        font-size: 15px;
        font-weight: bold
    }

    .table td {
        padding: 10px
    }

        .table td.checkbox-cell {
            background: #ccc
        }

.table_hover tr td, .table_hover .table__row {
    -webkit-transition: background 0.15s;
    transition: background 0.15s
}

    .table_hover tr:hover td, .table_hover .table__row:hover {
        cursor: pointer;
        background: rgba(128,128,128,0.15) !important
    }

.table_zebra tr:nth-child(odd) td, .table_zebra .table__row:nth-child(odd) {
    background: rgba(128,128,128,0.05)
}

    .table_zebra tr:nth-child(odd) td.checkbox-cell, .table_zebra .table__row:nth-child(odd).checkbox-cell {
        background: #ccc
    }

.table_zebra__category_header {
    background: #ccc
}

.table_zebra__subcategory_header {
    background: #e9e9e9
}

    .table_zebra__subcategory_header th {
        font-size: 12px
    }

.table__cost, .table__sum {
    text-align: center;
    white-space: nowrap
}

.table_dark-zebra {
    border-collapse: separate;
    background: #f1f1f1
}

    .table_dark-zebra td, .table_dark-zebra th {
        font-size: 12px;
        line-height: 1.16667;
        border-right: 1px solid #a1a1a1
    }

    .table_dark-zebra td {
        padding: 8px 12px
    }

    .table_dark-zebra th {
        padding: 3px 12px;
        color: #fff;
        background: #666;
        font-weight: normal
    }

    .table_dark-zebra tr:nth-child(odd) td {
        background: #fff
    }

    .table_dark-zebra tr td:first-child {
        border-left: 1px solid #ccc
    }

    .table_dark-zebra tr td:last-child {
        border-right: 1px solid #ccc
    }

    .table_dark-zebra tr th:last-child {
        border-right: none
    }

    .table_dark-zebra tr:first-child th:first-child, .table_dark-zebra tr:first-child td:first-child {
        border-top-left-radius: 2px
    }

    .table_dark-zebra tr:first-child th:last-child, .table_dark-zebra tr:first-child td:last-child {
        border-top-right-radius: 2px
    }

    .table_dark-zebra tr:last-child td {
        border-bottom: 1px solid #ccc
    }

        .table_dark-zebra tr:last-child td:first-child {
            border-bottom-left-radius: 2px
        }

        .table_dark-zebra tr:last-child td:last-child {
            border-bottom-right-radius: 2px
        }

.tooltip div, .tooltip span:not(.tooltip_hide-tooltip), .info div, .info span:not(.tooltip_hide-tooltip), .help div, .help span:not(.tooltip_hide-tooltip) {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    z-index: 100;
    bottom: 100%;
    left: 50%;
    display: inline;
    visibility: hidden;
    box-sizing: border-box;
    min-width: 200px;
    margin-bottom: 5px;
    padding: 10px;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    text-decoration: none;
    opacity: 0;
    color: #fff;
    border-radius: 2px;
    background-color: #666;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    white-space: normal;
    word-break: normal
}

    .tooltip div:after, .tooltip span:not(.tooltip_hide-tooltip):after, .info div:after, .info span:not(.tooltip_hide-tooltip):after, .help div:after, .help span:not(.tooltip_hide-tooltip):after {
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        content: '';
        border-top: 5px solid #666;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent
    }

    .tooltip div p, .tooltip span:not(.tooltip_hide-tooltip) p, .info div p, .info span:not(.tooltip_hide-tooltip) p, .help div p, .help span:not(.tooltip_hide-tooltip) p {
        margin: 0
    }

    .tooltip div:empty, .tooltip span:not(.tooltip_hide-tooltip):empty, .info div:empty, .info span:not(.tooltip_hide-tooltip):empty, .help div:empty, .help span:not(.tooltip_hide-tooltip):empty {
        display: none
    }

.tooltip, .info, .help {
    position: relative;
    overflow: visible
}

    .tooltip .tooltip__tooltip-child, .info .tooltip__tooltip-child, .help .tooltip__tooltip-child, .tooltip .info__tooltip-child, .info .info__tooltip-child, .help .info__tooltip-child, .tooltip .help__tooltip-child, .info .help__tooltip-child, .help .help__tooltip-child {
        position: static;
        min-width: auto;
        padding: initial;
        background: none;
        box-shadow: none;
        -webkit-transition: none;
        transition: none
    }

.tooltip_light div, .tooltip_light span, .info_light div, .info_light span, .help_light div, .help_light span {
    color: #666;
    background-color: #f9f9f9
}

    .tooltip_light div:after, .tooltip_light span:after, .info_light div:after, .info_light span:after, .help_light div:after, .help_light span:after {
        border-top-color: #f9f9f9
    }

.tooltip:hover div, .tooltip:hover span, .info:hover div, .info:hover span, .help:hover div, .help:hover span {
    visibility: visible;
    opacity: 1
}

h1 .tooltip:before, h2 .tooltip:before, h3 .tooltip:before, h4 .tooltip:before, h1 .info:before, h2 .info:before, h3 .info:before, h4 .info:before, h1 .help:before, h2 .help:before, h3 .help:before, h4 .help:before {
    font-size: 14px
}

.tooltip .wrap-text, .info .wrap-text, .help .wrap-text {
    word-break: break-word
}

.lt-ie9 .tooltip .wrap-text, .lt-ie9 .info .wrap-text, .lt-ie9 .help .wrap-text {
    word-break: break-all
}

.tooltip {
    font-weight: normal
}

    .tooltip.large div, .tooltip.large span {
        min-width: 300px
    }

        .tooltip.large div :first-child, .tooltip.large span :first-child {
            margin-top: 0
        }

        .tooltip.large div :last-child, .tooltip.large span :last-child {
            margin-bottom: 0
        }

.help, .info {
    position: relative;
    color: #007acc
}

    .help:before, .help:after, .info:before, .info:after {
        font-family: "dhl";
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: inline-block;
        min-width: 1em;
        line-height: 1;
        text-align: center;
        margin-left: .2em;
        margin-right: .2em
    }

    .help:before, .help:after, .info:before, .info:after {
        margin-left: 0
    }

    .help:before, .info:before {
        content: '\E032'
    }

    .help.after:before, .info.after:before {
        margin-right: 0;
        content: none
    }

    .help.after:after, .info.after:after {
        content: '\E032';
        margin-right: 0;
        margin-left: 5px
    }

    .help b, .info b {
        font-weight: normal
    }

div.info {
    display: inline
}

    div.info div {
        display: inline
    }

.info:before {
    content: '\E037'
}

.info.after:before {
    margin-right: 0;
    content: none
}

.info.after:after {
    content: '\E037';
    margin-right: 0;
    margin-left: 5px
}

.overlay-dark .tooltip div, .overlay-dark .tooltip span, .overlay-dark .info div, .overlay-dark .info span, .overlay-dark .help div, .overlay-dark .help span {
    background-color: #333
}

    .overlay-dark .tooltip div:after, .overlay-dark .tooltip span:after, .overlay-dark .info div:after, .overlay-dark .info span:after, .overlay-dark .help div:after, .overlay-dark .help span:after {
        border-top-color: #333
    }

.ewf-tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
    font-size: 0
}

    .ewf-tooltip:before {
        position: absolute;
        top: -5px;
        left: 50%;
        margin-left: -5px;
        content: '';
        border-top: 5px solid #666;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity .25s;
        transition: opacity .25s;
        z-index: 101
    }

.overlay-dark .ewf-tooltip:before {
    border-top-color: #333
}

.ewf-tooltip__title {
    color: #007acc;
    display: inline-block;
    font-size: 14px;
    white-space: nowrap
}

.ewf-tooltip__icon {
    color: #007acc;
    width: 18px;
    display: inline-block;
    text-align: center;
    font-size: 14px
}

    .ewf-tooltip__icon:before {
        margin: 0
    }

.ewf-tooltip__text {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    z-index: 100;
    bottom: 100%;
    left: 50%;
    visibility: hidden;
    box-sizing: border-box;
    min-width: 200px;
    margin-bottom: 5px;
    padding: 10px;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    text-decoration: none;
    opacity: 0;
    color: #fff;
    border-radius: 2px;
    background-color: #666;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    white-space: normal;
    text-align: left
}

.ewf-tooltip__text_right {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    left: auto;
    right: 0
}

.ewf-tooltip__text_left {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    left: 0;
    right: auto
}

.overlay-dark .ewf-tooltip__text {
    background-color: #333
}

.ewf-tooltip:hover:before, .ewf-tooltip:hover .ewf-tooltip__text {
    visibility: visible;
    opacity: 1
}

.tooltip_hide-tooltip div, .tooltip_hide-tooltip span, .cq-wcm-edit .tooltip_hide-tooltip-self, .cq-wcm-preview .tooltip_hide-tooltip-self {
    position: relative;
    left: 0;
    visibility: visible;
    min-width: 0;
    margin: 0;
    padding: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
    color: black;
    background: none;
    box-shadow: none;
    font-size: 14px
}

    .tooltip_hide-tooltip div:after, .tooltip_hide-tooltip span:after, .cq-wcm-edit .tooltip_hide-tooltip-self:after, .cq-wcm-preview .tooltip_hide-tooltip-self:after {
        display: none
    }

.print-preview {
    text-align: center;
    white-space: normal
}

.print-preview__header {
    margin-bottom: 15px;
    text-align: left
}

.print-preview__title {
    margin-top: 0
}

.print-preview__container {
    background-color: #f1f1f1;
    padding: 10px
}

.print-preview__item {
    position: relative;
    display: inline-block;
    width: 170px;
    max-width: 100%;
    margin: 0 0 5px 20px;
    text-align: center;
    vertical-align: top;
    color: #333;
    background-color: #f1f1f1
}

    .print-preview__item:first-child {
        margin-left: 0
    }

.print-preview__item--additional-docs {
    padding: 10px
}

.print-preview__item--row {
    margin-bottom: 5px
}

    .print-preview__item--row:last-child {
        margin-bottom: 0
    }

.print-preview__img-wrap {
    position: relative;
    margin-bottom: 12px
}

.print-preview__img {
    max-width: 100%;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    vertical-align: top;
    border: 1px solid #ccc
}

.print-preview__icon {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin-top: -35px;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    color: #a1a1a1;
    color: rgba(0,0,0,0.3);
    font-size: 70px;
    line-height: 1
}

    .print-preview__icon:before {
        margin: 0
    }

.print-preview__label {
    padding-top: 5px
}

.print-preview__language-selector {
    margin-top: 5px;
    text-align: left
}

.print-preview__copies-number {
    display: block;
    margin-bottom: 0;
    font-size: 0.8em
}

    .print-preview__copies-number .input {
        margin-right: 10px;
        font-size: 1em
    }

.print-preview__copies-number-container {
    height: 30px;
    margin-top: 12px;
    text-align: left
}

.print-preview .links-list {
    margin-top: 20px;
    font-size: 0.8em
}

.callout {
    position: relative;
    margin-bottom: 15px;
    padding: 15px;
    text-align: left;
    border: 1px solid #ccc;
    background: #fff
}

.callout_transactional * {
    margin-bottom: 8px;
    line-height: 16px
}

    .callout_transactional * :not(a) {
        color: #222
    }

.callout_transactional .callout__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

    .callout_transactional .callout__title img {
        max-width: 50%;
        margin-right: 10px;
        -o-object-fit: contain;
        object-fit: contain
    }

    .callout_transactional .callout__title > * {
        margin-bottom: 0
    }

.callout > *:last-child {
    margin-bottom: 0
}

.callout_alert {
    border: 1px solid #fecb2f
}

.callout_scroll {
    height: 210px;
    overflow-y: scroll
}

.callout_no-overlap {
    z-index: 1
}

.callout_carat_left:before, .callout_carat_left:after, .callout_carat_right:before, .callout_carat_right:after, .callout_carat_top:before, .callout_carat_top:after, .callout_carat_bottom:before, .callout_carat_bottom:after {
    position: absolute;
    width: 0;
    height: 0;
    content: '';
    border-style: solid;
    border-color: transparent
}

.callout_carat_left:before, .callout_carat_right:before, .callout_carat_top:before, .callout_carat_bottom:before {
    z-index: 1;
    border-width: 10px
}

.callout_carat_left:after, .callout_carat_right:after, .callout_carat_top:after, .callout_carat_bottom:after {
    z-index: 2;
    border-width: 9px
}

.callout_carat_left:before, .callout_carat_left:after {
    right: 100%
}

.callout_carat_left:before {
    top: 20px;
    border-right-color: #ccc;
    border-left: 0
}

.callout_carat_left:after {
    top: 21px;
    border-right-color: #fff;
    border-left: 0
}

.callout_carat_right:before, .callout_carat_right:after {
    left: 100%
}

.callout_carat_right:before {
    top: 20px;
    border-left-color: #ccc;
    border-right: 0
}

.callout_carat_right:after {
    top: 21px;
    border-left-color: #fff;
    border-right: 0
}

.callout_carat_top:before, .callout_carat_top:after {
    bottom: 100%
}

.callout_carat_top:before {
    left: 20px;
    border-bottom-color: #ccc;
    border-top: 0
}

.callout_carat_top:after {
    left: 21px;
    border-bottom-color: #fff;
    border-top: 0
}

.callout_carat_bottom:before, .callout_carat_bottom:after {
    top: 100%
}

.callout_carat_bottom:before {
    left: 20px;
    border-top-color: #ccc;
    border-bottom: 0
}

.callout_carat_bottom:after {
    left: 21px;
    border-top-color: #fff;
    border-bottom: 0
}

.callout_absolute {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.callout__content:after {
    clear: both;
    content: '';
    display: block
}

.callout__content > *:first-child {
    margin-top: 0
}

.callout__content > *:last-child {
    margin-bottom: 0
}

.callout__content .no-bullets > *:first-child {
    margin-top: 0
}

.callout__content .no-bullets > *:last-child {
    margin-bottom: 0
}

.callout__title {
    margin: 0;
    font-size: 16px
}

.callout__item {
    margin-top: 10px
}

    .callout__item:first-child {
        margin-top: 0
    }

.callout_dark {
    color: #fff;
    border: 0;
    background-color: #666
}

    .callout_dark .label {
        color: #c8c8c8
    }

.callout__link {
    display: inline-block;
    margin: 10px 0
}

.callout__link-first {
    margin-top: 0
}

.email-wrapper {
    max-width: 600px;
    background: #fff
}

.email {
    margin: 15px
}

.email-content {
    padding: 0 5%
}

.spinner-wrapper__spinner, .spinner-wrapper__text, .section-loader:before, .section-loader__mobile:before, [ewf-page-loader]:before {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

.spinner-wrapper {
    background: #f1f1f1;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

    .spinner-wrapper.v2-spinner-wrapper {
        background: #fff
    }

.spinner-wrapper_inside {
    position: absolute;
    z-index: 900
}

.spinner-wrapper__spinner {
    background: url("../img/loading.gif") no-repeat;
    width: 200px;
    height: 103px
}

.spinner-wrapper__spinner_static {
    position: static
}

.spinner-wrapper__text {
    text-align: center;
    width: 100%;
    height: 100px;
    top: 203px
}

.spinner-wrapper__info-message {
    padding: 10px 10px 10px 50px;
    border: 2px solid #189aca;
    width: 300px;
    height: 42px;
    text-align: left;
    background: #ffffff
}

    .spinner-wrapper__info-message:before {
        content: '';
        background: url("../img/info-white.png") center no-repeat #189aca;
        width: 42px;
        height: 42px;
        display: block;
        top: -2px;
        left: -2px;
        position: absolute
    }

.spinner-wrapper.is-hidden {
    display: none
}

.section-loader, .section-loader__mobile {
    position: relative;
    min-width: 52px;
    min-height: 52px
}

    .section-loader:before, .section-loader__mobile:before {
        content: '';
        background: url("../img/loading.gif") center/25% no-repeat #fff;
        z-index: 999
    }

    .section-loader .section-loader:before, .section-loader__mobile .section-loader:before, .section-loader .section-loader__mobile:before, .section-loader__mobile .section-loader__mobile:before {
        display: none
    }

    .section-loader__mobile:before {
        background: url("../img/loading.gif") center no-repeat #f1f1f1
    }

[ewf-page-loader].v2-page-loader:before {
    background-color: #fff
}

[ewf-page-loader]:before {
    content: '';
    background: url("../img/loading.gif") center no-repeat #f1f1f1;
    z-index: 999
}

[ewf-page-loader] > .page-content {
    display: none !important
}

@-webkit-keyframes fadeInFromHeader {
    0% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes fadeInFromHeader {
    0% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInFromPopup {
    0% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
        opacity: 1
    }
}

@keyframes fadeInFromPopup {
    0% {
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }

    100% {
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
        opacity: 1
    }
}

.sticky-position {
    -webkit-animation: fadeInFromHeader 300ms ease-in-out;
    animation: fadeInFromHeader 300ms ease-in-out
}

.popup-sticky-position {
    -webkit-animation: fadeInFromPopup 300ms ease-in-out;
    animation: fadeInFromPopup 300ms ease-in-out
}

.sticky-position {
    position: fixed;
    top: 120px;
    z-index: 1000
}

.v2-corp .sticky-position {
    top: 162px
}

.v2-non-corp .sticky-position {
    top: 124px
}

.popup-sticky-position {
    top: inherit;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
}

.dhl-carousel-teaser .cmp-carousel__indicator.is-hidden, .aem-Grid > .aem-GridColumn.aem-GridColumn--default--none.is-hidden {
    display: none
}

.pt-guest .visibility-restrictions.vr-guest, .pt-guest .aem-Grid > .visibility-restrictions.vr-guest {
    display: block
}

.pt-guest .visibility-table-cell.visibility-restrictions.vr-guest {
    display: table-cell
}

.pt-guest .dhl-tables-component tr.visibility-restrictions.vr-guest {
    display: table-row
}

.pt-guest .dhl-tables-component td.visibility-restrictions.vr-guest {
    display: table-cell
}

.pt-guest .dhl-tables-component th.visibility-restrictions.vr-guest {
    display: table-cell
}

.pt-guest .dhl-tables-component col.visibility-restrictions.vr-guest {
    display: table-column
}

.pt-guest .dhl-tables-component colgroup.visibility-restrictions.vr-guest {
    display: table-column-group
}

.pt-guest .dhl-card-carousel .card-carousel__item.visibility-restrictions.vr-guest, .pt-guest .dhl-carousel-teaser .cmp-carousel__content-not-edit-mode .cmp-carousel__item.visibility-restrictions.vr-guest, .pt-guest .carousel-container .cmp-carousel .cmp-carousel__item:not(.cmp-carousel__item-edit-mode).visibility-restrictions.vr-guest {
    display: table-cell
}

.pt-novice .visibility-restrictions.vr-novice, .pt-novice .aem-Grid > .visibility-restrictions.vr-novice {
    display: block
}

.pt-novice .visibility-table-cell.visibility-restrictions.vr-novice {
    display: table-cell
}

.pt-novice .dhl-tables-component tr.visibility-restrictions.vr-novice {
    display: table-row
}

.pt-novice .dhl-tables-component td.visibility-restrictions.vr-novice {
    display: table-cell
}

.pt-novice .dhl-tables-component th.visibility-restrictions.vr-novice {
    display: table-cell
}

.pt-novice .dhl-tables-component col.visibility-restrictions.vr-novice {
    display: table-column
}

.pt-novice .dhl-tables-component colgroup.visibility-restrictions.vr-novice {
    display: table-column-group
}

.pt-novice .dhl-card-carousel .card-carousel__item.visibility-restrictions.vr-novice, .pt-novice .dhl-carousel-teaser .cmp-carousel__content-not-edit-mode .cmp-carousel__item.visibility-restrictions.vr-novice, .pt-novice .carousel-container .cmp-carousel .cmp-carousel__item:not(.cmp-carousel__item-edit-mode).visibility-restrictions.vr-novice {
    display: table-cell
}

.pt-expert .visibility-restrictions.vr-expert, .pt-expert .aem-Grid > .visibility-restrictions.vr-expert {
    display: block
}

.pt-expert .visibility-table-cell.visibility-restrictions.vr-expert {
    display: table-cell
}

.pt-expert .dhl-tables-component tr.visibility-restrictions.vr-expert {
    display: table-row
}

.pt-expert .dhl-tables-component td.visibility-restrictions.vr-expert {
    display: table-cell
}

.pt-expert .dhl-tables-component th.visibility-restrictions.vr-expert {
    display: table-cell
}

.pt-expert .dhl-tables-component col.visibility-restrictions.vr-expert {
    display: table-column
}

.pt-expert .dhl-tables-component colgroup.visibility-restrictions.vr-expert {
    display: table-column-group
}

.pt-expert .dhl-card-carousel .card-carousel__item.visibility-restrictions.vr-expert, .pt-expert .dhl-carousel-teaser .cmp-carousel__content-not-edit-mode .cmp-carousel__item.visibility-restrictions.vr-expert, .pt-expert .carousel-container .cmp-carousel .cmp-carousel__item:not(.cmp-carousel__item-edit-mode).visibility-restrictions.vr-expert {
    display: table-cell
}

.pt-corporate-admin .visibility-restrictions.vr-corporate-admin, .pt-corporate-admin .aem-Grid > .visibility-restrictions.vr-corporate-admin {
    display: block
}

.pt-corporate-admin .visibility-table-cell.visibility-restrictions.vr-corporate-admin {
    display: table-cell
}

.pt-corporate-admin .dhl-tables-component tr.visibility-restrictions.vr-corporate-admin {
    display: table-row
}

.pt-corporate-admin .dhl-tables-component td.visibility-restrictions.vr-corporate-admin {
    display: table-cell
}

.pt-corporate-admin .dhl-tables-component th.visibility-restrictions.vr-corporate-admin {
    display: table-cell
}

.pt-corporate-admin .dhl-tables-component col.visibility-restrictions.vr-corporate-admin {
    display: table-column
}

.pt-corporate-admin .dhl-tables-component colgroup.visibility-restrictions.vr-corporate-admin {
    display: table-column-group
}

.pt-corporate-admin .dhl-card-carousel .card-carousel__item.visibility-restrictions.vr-corporate-admin, .pt-corporate-admin .dhl-carousel-teaser .cmp-carousel__content-not-edit-mode .cmp-carousel__item.visibility-restrictions.vr-corporate-admin, .pt-corporate-admin .carousel-container .cmp-carousel .cmp-carousel__item:not(.cmp-carousel__item-edit-mode).visibility-restrictions.vr-corporate-admin {
    display: table-cell
}

.pt-group-admin .visibility-restrictions.vr-group-admin, .pt-group-admin .aem-Grid > .visibility-restrictions.vr-group-admin {
    display: block
}

.pt-group-admin .visibility-table-cell.visibility-restrictions.vr-group-admin {
    display: table-cell
}

.pt-group-admin .dhl-tables-component tr.visibility-restrictions.vr-group-admin {
    display: table-row
}

.pt-group-admin .dhl-tables-component td.visibility-restrictions.vr-group-admin {
    display: table-cell
}

.pt-group-admin .dhl-tables-component th.visibility-restrictions.vr-group-admin {
    display: table-cell
}

.pt-group-admin .dhl-tables-component col.visibility-restrictions.vr-group-admin {
    display: table-column
}

.pt-group-admin .dhl-tables-component colgroup.visibility-restrictions.vr-group-admin {
    display: table-column-group
}

.pt-group-admin .dhl-card-carousel .card-carousel__item.visibility-restrictions.vr-group-admin, .pt-group-admin .dhl-carousel-teaser .cmp-carousel__content-not-edit-mode .cmp-carousel__item.visibility-restrictions.vr-group-admin, .pt-group-admin .carousel-container .cmp-carousel .cmp-carousel__item:not(.cmp-carousel__item-edit-mode).visibility-restrictions.vr-group-admin {
    display: table-cell
}

.pt-guest .visibility-restrictions-holders.vr-guest, .pt-guest .aem-Grid > .visibility-restrictions-holders.vr-guest, .pt-guest .visibility-table-cell.visibility-restrictions-holders.vr-guest {
    display: none
}

.pt-guest .dhl-tables-component tr.visibility-restrictions-holders.vr-guest {
    display: none
}

.pt-guest .dhl-tables-component td.visibility-restrictions-holders.vr-guest {
    display: none
}

.pt-guest .dhl-tables-component th.visibility-restrictions-holders.vr-guest {
    display: none
}

.pt-guest .dhl-tables-component col.visibility-restrictions-holders.vr-guest {
    display: none
}

.pt-guest .dhl-tables-component colgroup.visibility-restrictions-holders.vr-guest {
    display: none
}

.pt-guest .dhl-card-carousel .card-carousel__item.visibility-restrictions-holders.vr-guest, .pt-guest .dhl-carousel-teaser .cmp-carousel__content-not-edit-mode .cmp-carousel__item.visibility-restrictions-holders.vr-guest, .pt-guest .carousel-container .cmp-carousel .cmp-carousel__item:not(.cmp-carousel__item-edit-mode).visibility-restrictions-holders.vr-guest {
    display: none
}

.pt-novice .visibility-restrictions-holders.vr-novice, .pt-novice .aem-Grid > .visibility-restrictions-holders.vr-novice, .pt-novice .visibility-table-cell.visibility-restrictions-holders.vr-novice {
    display: none
}

.pt-novice .dhl-tables-component tr.visibility-restrictions-holders.vr-novice {
    display: none
}

.pt-novice .dhl-tables-component td.visibility-restrictions-holders.vr-novice {
    display: none
}

.pt-novice .dhl-tables-component th.visibility-restrictions-holders.vr-novice {
    display: none
}

.pt-novice .dhl-tables-component col.visibility-restrictions-holders.vr-novice {
    display: none
}

.pt-novice .dhl-tables-component colgroup.visibility-restrictions-holders.vr-novice {
    display: none
}

.pt-novice .dhl-card-carousel .card-carousel__item.visibility-restrictions-holders.vr-novice, .pt-novice .dhl-carousel-teaser .cmp-carousel__content-not-edit-mode .cmp-carousel__item.visibility-restrictions-holders.vr-novice, .pt-novice .carousel-container .cmp-carousel .cmp-carousel__item:not(.cmp-carousel__item-edit-mode).visibility-restrictions-holders.vr-novice {
    display: none
}

.pt-expert .visibility-restrictions-holders.vr-expert, .pt-expert .aem-Grid > .visibility-restrictions-holders.vr-expert, .pt-expert .visibility-table-cell.visibility-restrictions-holders.vr-expert {
    display: none
}

.pt-expert .dhl-tables-component tr.visibility-restrictions-holders.vr-expert {
    display: none
}

.pt-expert .dhl-tables-component td.visibility-restrictions-holders.vr-expert {
    display: none
}

.pt-expert .dhl-tables-component th.visibility-restrictions-holders.vr-expert {
    display: none
}

.pt-expert .dhl-tables-component col.visibility-restrictions-holders.vr-expert {
    display: none
}

.pt-expert .dhl-tables-component colgroup.visibility-restrictions-holders.vr-expert {
    display: none
}

.pt-expert .dhl-card-carousel .card-carousel__item.visibility-restrictions-holders.vr-expert, .pt-expert .dhl-carousel-teaser .cmp-carousel__content-not-edit-mode .cmp-carousel__item.visibility-restrictions-holders.vr-expert, .pt-expert .carousel-container .cmp-carousel .cmp-carousel__item:not(.cmp-carousel__item-edit-mode).visibility-restrictions-holders.vr-expert {
    display: none
}

.pt-corporate-admin .visibility-restrictions-holders.vr-corporate-admin, .pt-corporate-admin .aem-Grid > .visibility-restrictions-holders.vr-corporate-admin, .pt-corporate-admin .visibility-table-cell.visibility-restrictions-holders.vr-corporate-admin {
    display: none
}

.pt-corporate-admin .dhl-tables-component tr.visibility-restrictions-holders.vr-corporate-admin {
    display: none
}

.pt-corporate-admin .dhl-tables-component td.visibility-restrictions-holders.vr-corporate-admin {
    display: none
}

.pt-corporate-admin .dhl-tables-component th.visibility-restrictions-holders.vr-corporate-admin {
    display: none
}

.pt-corporate-admin .dhl-tables-component col.visibility-restrictions-holders.vr-corporate-admin {
    display: none
}

.pt-corporate-admin .dhl-tables-component colgroup.visibility-restrictions-holders.vr-corporate-admin {
    display: none
}

.pt-corporate-admin .dhl-card-carousel .card-carousel__item.visibility-restrictions-holders.vr-corporate-admin, .pt-corporate-admin .dhl-carousel-teaser .cmp-carousel__content-not-edit-mode .cmp-carousel__item.visibility-restrictions-holders.vr-corporate-admin, .pt-corporate-admin .carousel-container .cmp-carousel .cmp-carousel__item:not(.cmp-carousel__item-edit-mode).visibility-restrictions-holders.vr-corporate-admin {
    display: none
}

.pt-group-admin .visibility-restrictions-holders.vr-group-admin, .pt-group-admin .aem-Grid > .visibility-restrictions-holders.vr-group-admin, .pt-group-admin .visibility-table-cell.visibility-restrictions-holders.vr-group-admin {
    display: none
}

.pt-group-admin .dhl-tables-component tr.visibility-restrictions-holders.vr-group-admin {
    display: none
}

.pt-group-admin .dhl-tables-component td.visibility-restrictions-holders.vr-group-admin {
    display: none
}

.pt-group-admin .dhl-tables-component th.visibility-restrictions-holders.vr-group-admin {
    display: none
}

.pt-group-admin .dhl-tables-component col.visibility-restrictions-holders.vr-group-admin {
    display: none
}

.pt-group-admin .dhl-tables-component colgroup.visibility-restrictions-holders.vr-group-admin {
    display: none
}

.pt-group-admin .dhl-card-carousel .card-carousel__item.visibility-restrictions-holders.vr-group-admin, .pt-group-admin .dhl-carousel-teaser .cmp-carousel__content-not-edit-mode .cmp-carousel__item.visibility-restrictions-holders.vr-group-admin, .pt-group-admin .carousel-container .cmp-carousel .cmp-carousel__item:not(.cmp-carousel__item-edit-mode).visibility-restrictions-holders.vr-group-admin {
    display: none
}

.ah-account-holder .visibility-restrictions-holders.vrh-account-holder, .ah-account-holder .aem-Grid > .visibility-restrictions-holders.vrh-account-holder {
    display: block
}

.ah-account-holder .visibility-table-cell.visibility-restrictions-holders.vrh-account-holder {
    display: table-cell
}

.ah-account-holder .dhl-tables-component tr.visibility-restrictions-holders.vrh-account-holder {
    display: table-row
}

.ah-account-holder .dhl-tables-component td.visibility-restrictions-holders.vrh-account-holder {
    display: table-cell
}

.ah-account-holder .dhl-tables-component th.visibility-restrictions-holders.vrh-account-holder {
    display: table-cell
}

.ah-account-holder .dhl-tables-component col.visibility-restrictions-holders.vrh-account-holder {
    display: table-column
}

.ah-account-holder .dhl-tables-component colgroup.visibility-restrictions-holders.vrh-account-holder {
    display: table-column-group
}

.ah-account-holder .dhl-card-carousel .card-carousel__item.visibility-restrictions-holders.vrh-account-holder, .ah-account-holder .dhl-carousel-teaser .cmp-carousel__content-not-edit-mode .cmp-carousel__item.visibility-restrictions-holders.vrh-account-holder, .ah-account-holder .carousel-container .cmp-carousel .cmp-carousel__item:not(.cmp-carousel__item-edit-mode).visibility-restrictions-holders.vrh-account-holder {
    display: table-cell
}

.ah-not-account-holder .visibility-restrictions-holders.vrh-not-account-holder, .ah-not-account-holder .aem-Grid > .visibility-restrictions-holders.vrh-not-account-holder {
    display: block
}

.ah-not-account-holder .visibility-table-cell.visibility-restrictions-holders.vrh-not-account-holder {
    display: table-cell
}

.ah-not-account-holder .dhl-tables-component tr.visibility-restrictions-holders.vrh-not-account-holder {
    display: table-row
}

.ah-not-account-holder .dhl-tables-component td.visibility-restrictions-holders.vrh-not-account-holder {
    display: table-cell
}

.ah-not-account-holder .dhl-tables-component th.visibility-restrictions-holders.vrh-not-account-holder {
    display: table-cell
}

.ah-not-account-holder .dhl-tables-component col.visibility-restrictions-holders.vrh-not-account-holder {
    display: table-column
}

.ah-not-account-holder .dhl-tables-component colgroup.visibility-restrictions-holders.vrh-not-account-holder {
    display: table-column-group
}

.ah-not-account-holder .dhl-card-carousel .card-carousel__item.visibility-restrictions-holders.vrh-not-account-holder, .ah-not-account-holder .dhl-carousel-teaser .cmp-carousel__content-not-edit-mode .cmp-carousel__item.visibility-restrictions-holders.vrh-not-account-holder, .ah-not-account-holder .carousel-container .cmp-carousel .cmp-carousel__item:not(.cmp-carousel__item-edit-mode).visibility-restrictions-holders.vrh-not-account-holder {
    display: table-cell
}

.ah-account-holder .visibility-restrictions.vrh-account-holder, .ah-account-holder .aem-Grid > .visibility-restrictions.vrh-account-holder, .ah-account-holder .visibility-table-cell.visibility-restrictions.vrh-account-holder {
    display: none
}

.ah-account-holder .dhl-tables-component tr.visibility-restrictions.vrh-account-holder {
    display: none
}

.ah-account-holder .dhl-tables-component td.visibility-restrictions.vrh-account-holder {
    display: none
}

.ah-account-holder .dhl-tables-component th.visibility-restrictions.vrh-account-holder {
    display: none
}

.ah-account-holder .dhl-tables-component col.visibility-restrictions.vrh-account-holder {
    display: none
}

.ah-account-holder .dhl-tables-component colgroup.visibility-restrictions.vrh-account-holder {
    display: none
}

.ah-account-holder .dhl-card-carousel .card-carousel__item.visibility-restrictions.vrh-account-holder, .ah-account-holder .dhl-carousel-teaser .cmp-carousel__content-not-edit-mode .cmp-carousel__item.visibility-restrictions.vrh-account-holder, .ah-account-holder .carousel-container .cmp-carousel .cmp-carousel__item:not(.cmp-carousel__item-edit-mode).visibility-restrictions.vrh-account-holder {
    display: none
}

.ah-not-account-holder .visibility-restrictions.vrh-not-account-holder, .ah-not-account-holder .aem-Grid > .visibility-restrictions.vrh-not-account-holder, .ah-not-account-holder .visibility-table-cell.visibility-restrictions.vrh-not-account-holder {
    display: none
}

.ah-not-account-holder .dhl-tables-component tr.visibility-restrictions.vrh-not-account-holder {
    display: none
}

.ah-not-account-holder .dhl-tables-component td.visibility-restrictions.vrh-not-account-holder {
    display: none
}

.ah-not-account-holder .dhl-tables-component th.visibility-restrictions.vrh-not-account-holder {
    display: none
}

.ah-not-account-holder .dhl-tables-component col.visibility-restrictions.vrh-not-account-holder {
    display: none
}

.ah-not-account-holder .dhl-tables-component colgroup.visibility-restrictions.vrh-not-account-holder {
    display: none
}

.ah-not-account-holder .dhl-card-carousel .card-carousel__item.visibility-restrictions.vrh-not-account-holder, .ah-not-account-holder .dhl-carousel-teaser .cmp-carousel__content-not-edit-mode .cmp-carousel__item.visibility-restrictions.vrh-not-account-holder, .ah-not-account-holder .carousel-container .cmp-carousel .cmp-carousel__item:not(.cmp-carousel__item-edit-mode).visibility-restrictions.vrh-not-account-holder {
    display: none
}

.pt-guest.ah-account-holder div.vr-guest.vrh-account-holder, .pt-guest.ah-account-holder .aem-Grid > div.vr-guest.vrh-account-holder {
    display: block
}

.pt-guest.ah-account-holder td.visibility-table-cell.vr-guest.vrh-account-holder, .pt-guest.ah-account-holder div.visibility-table-cell.vr-guest.vrh-account-holder {
    display: table-cell
}

.pt-guest.ah-account-holder .dhl-tables-component tr.vr-guest.vrh-account-holder {
    display: table-row
}

.pt-guest.ah-account-holder .dhl-tables-component td.vr-guest.vrh-account-holder {
    display: table-cell
}

.pt-guest.ah-account-holder .dhl-tables-component th.vr-guest.vrh-account-holder {
    display: table-cell
}

.pt-guest.ah-account-holder .dhl-tables-component col.vr-guest.vrh-account-holder {
    display: table-column
}

.pt-guest.ah-account-holder .dhl-tables-component colgroup.vr-guest.vrh-account-holder {
    display: table-column-group
}

.pt-guest.ah-account-holder .dhl-card-carousel .card-carousel__item.vr-guest.vrh-account-holder, .pt-guest.ah-account-holder .dhl-carousel-teaser .cmp-carousel__content-not-edit-mode .cmp-carousel__item.vr-guest.vrh-account-holder, .pt-guest.ah-account-holder .carousel-container .cmp-carousel .cmp-carousel__item:not(.cmp-carousel__item-edit-mode).vr-guest.vrh-account-holder {
    display: table-cell
}

.pt-guest.ah-not-account-holder div.vr-guest.vrh-not-account-holder, .pt-guest.ah-not-account-holder .aem-Grid > div.vr-guest.vrh-not-account-holder {
    display: block
}

.pt-guest.ah-not-account-holder td.visibility-table-cell.vr-guest.vrh-not-account-holder, .pt-guest.ah-not-account-holder div.visibility-table-cell.vr-guest.vrh-not-account-holder {
    display: table-cell
}

.pt-guest.ah-not-account-holder .dhl-tables-component tr.vr-guest.vrh-not-account-holder {
    display: table-row
}

.pt-guest.ah-not-account-holder .dhl-tables-component td.vr-guest.vrh-not-account-holder {
    display: table-cell
}

.pt-guest.ah-not-account-holder .dhl-tables-component th.vr-guest.vrh-not-account-holder {
    display: table-cell
}

.pt-guest.ah-not-account-holder .dhl-tables-component col.vr-guest.vrh-not-account-holder {
    display: table-column
}

.pt-guest.ah-not-account-holder .dhl-tables-component colgroup.vr-guest.vrh-not-account-holder {
    display: table-column-group
}

.pt-guest.ah-not-account-holder .dhl-card-carousel .card-carousel__item.vr-guest.vrh-not-account-holder, .pt-guest.ah-not-account-holder .dhl-carousel-teaser .cmp-carousel__content-not-edit-mode .cmp-carousel__item.vr-guest.vrh-not-account-holder, .pt-guest.ah-not-account-holder .carousel-container .cmp-carousel .cmp-carousel__item:not(.cmp-carousel__item-edit-mode).vr-guest.vrh-not-account-holder {
    display: table-cell
}

.pt-novice.ah-account-holder div.vr-novice.vrh-account-holder, .pt-novice.ah-account-holder .aem-Grid > div.vr-novice.vrh-account-holder {
    display: block
}

.pt-novice.ah-account-holder td.visibility-table-cell.vr-novice.vrh-account-holder, .pt-novice.ah-account-holder div.visibility-table-cell.vr-novice.vrh-account-holder {
    display: table-cell
}

.pt-novice.ah-account-holder .dhl-tables-component tr.vr-novice.vrh-account-holder {
    display: table-row
}

.pt-novice.ah-account-holder .dhl-tables-component td.vr-novice.vrh-account-holder {
    display: table-cell
}

.pt-novice.ah-account-holder .dhl-tables-component th.vr-novice.vrh-account-holder {
    display: table-cell
}

.pt-novice.ah-account-holder .dhl-tables-component col.vr-novice.vrh-account-holder {
    display: table-column
}

.pt-novice.ah-account-holder .dhl-tables-component colgroup.vr-novice.vrh-account-holder {
    display: table-column-group
}

.pt-novice.ah-account-holder .dhl-card-carousel .card-carousel__item.vr-novice.vrh-account-holder, .pt-novice.ah-account-holder .dhl-carousel-teaser .cmp-carousel__content-not-edit-mode .cmp-carousel__item.vr-novice.vrh-account-holder, .pt-novice.ah-account-holder .carousel-container .cmp-carousel .cmp-carousel__item:not(.cmp-carousel__item-edit-mode).vr-novice.vrh-account-holder {
    display: table-cell
}

.pt-novice.ah-not-account-holder div.vr-novice.vrh-not-account-holder, .pt-novice.ah-not-account-holder .aem-Grid > div.vr-novice.vrh-not-account-holder {
    display: block
}

.pt-novice.ah-not-account-holder td.visibility-table-cell.vr-novice.vrh-not-account-holder, .pt-novice.ah-not-account-holder div.visibility-table-cell.vr-novice.vrh-not-account-holder {
    display: table-cell
}

.pt-novice.ah-not-account-holder .dhl-tables-component tr.vr-novice.vrh-not-account-holder {
    display: table-row
}

.pt-novice.ah-not-account-holder .dhl-tables-component td.vr-novice.vrh-not-account-holder {
    display: table-cell
}

.pt-novice.ah-not-account-holder .dhl-tables-component th.vr-novice.vrh-not-account-holder {
    display: table-cell
}

.pt-novice.ah-not-account-holder .dhl-tables-component col.vr-novice.vrh-not-account-holder {
    display: table-column
}

.pt-novice.ah-not-account-holder .dhl-tables-component colgroup.vr-novice.vrh-not-account-holder {
    display: table-column-group
}

.pt-novice.ah-not-account-holder .dhl-card-carousel .card-carousel__item.vr-novice.vrh-not-account-holder, .pt-novice.ah-not-account-holder .dhl-carousel-teaser .cmp-carousel__content-not-edit-mode .cmp-carousel__item.vr-novice.vrh-not-account-holder, .pt-novice.ah-not-account-holder .carousel-container .cmp-carousel .cmp-carousel__item:not(.cmp-carousel__item-edit-mode).vr-novice.vrh-not-account-holder {
    display: table-cell
}

.pt-expert.ah-account-holder div.vr-expert.vrh-account-holder, .pt-expert.ah-account-holder .aem-Grid > div.vr-expert.vrh-account-holder {
    display: block
}

.pt-expert.ah-account-holder td.visibility-table-cell.vr-expert.vrh-account-holder, .pt-expert.ah-account-holder div.visibility-table-cell.vr-expert.vrh-account-holder {
    display: table-cell
}

.pt-expert.ah-account-holder .dhl-tables-component tr.vr-expert.vrh-account-holder {
    display: table-row
}

.pt-expert.ah-account-holder .dhl-tables-component td.vr-expert.vrh-account-holder {
    display: table-cell
}

.pt-expert.ah-account-holder .dhl-tables-component th.vr-expert.vrh-account-holder {
    display: table-cell
}

.pt-expert.ah-account-holder .dhl-tables-component col.vr-expert.vrh-account-holder {
    display: table-column
}

.pt-expert.ah-account-holder .dhl-tables-component colgroup.vr-expert.vrh-account-holder {
    display: table-column-group
}

.pt-expert.ah-account-holder .dhl-card-carousel .card-carousel__item.vr-expert.vrh-account-holder, .pt-expert.ah-account-holder .dhl-carousel-teaser .cmp-carousel__content-not-edit-mode .cmp-carousel__item.vr-expert.vrh-account-holder, .pt-expert.ah-account-holder .carousel-container .cmp-carousel .cmp-carousel__item:not(.cmp-carousel__item-edit-mode).vr-expert.vrh-account-holder {
    display: table-cell
}

.pt-expert.ah-not-account-holder div.vr-expert.vrh-not-account-holder, .pt-expert.ah-not-account-holder .aem-Grid > div.vr-expert.vrh-not-account-holder {
    display: block
}

.pt-expert.ah-not-account-holder td.visibility-table-cell.vr-expert.vrh-not-account-holder, .pt-expert.ah-not-account-holder div.visibility-table-cell.vr-expert.vrh-not-account-holder {
    display: table-cell
}

.pt-expert.ah-not-account-holder .dhl-tables-component tr.vr-expert.vrh-not-account-holder {
    display: table-row
}

.pt-expert.ah-not-account-holder .dhl-tables-component td.vr-expert.vrh-not-account-holder {
    display: table-cell
}

.pt-expert.ah-not-account-holder .dhl-tables-component th.vr-expert.vrh-not-account-holder {
    display: table-cell
}

.pt-expert.ah-not-account-holder .dhl-tables-component col.vr-expert.vrh-not-account-holder {
    display: table-column
}

.pt-expert.ah-not-account-holder .dhl-tables-component colgroup.vr-expert.vrh-not-account-holder {
    display: table-column-group
}

.pt-expert.ah-not-account-holder .dhl-card-carousel .card-carousel__item.vr-expert.vrh-not-account-holder, .pt-expert.ah-not-account-holder .dhl-carousel-teaser .cmp-carousel__content-not-edit-mode .cmp-carousel__item.vr-expert.vrh-not-account-holder, .pt-expert.ah-not-account-holder .carousel-container .cmp-carousel .cmp-carousel__item:not(.cmp-carousel__item-edit-mode).vr-expert.vrh-not-account-holder {
    display: table-cell
}

.pt-corporate-admin.ah-account-holder div.vr-corporate-admin.vrh-account-holder, .pt-corporate-admin.ah-account-holder .aem-Grid > div.vr-corporate-admin.vrh-account-holder {
    display: block
}

.pt-corporate-admin.ah-account-holder td.visibility-table-cell.vr-corporate-admin.vrh-account-holder, .pt-corporate-admin.ah-account-holder div.visibility-table-cell.vr-corporate-admin.vrh-account-holder {
    display: table-cell
}

.pt-corporate-admin.ah-account-holder .dhl-tables-component tr.vr-corporate-admin.vrh-account-holder {
    display: table-row
}

.pt-corporate-admin.ah-account-holder .dhl-tables-component td.vr-corporate-admin.vrh-account-holder {
    display: table-cell
}

.pt-corporate-admin.ah-account-holder .dhl-tables-component th.vr-corporate-admin.vrh-account-holder {
    display: table-cell
}

.pt-corporate-admin.ah-account-holder .dhl-tables-component col.vr-corporate-admin.vrh-account-holder {
    display: table-column
}

.pt-corporate-admin.ah-account-holder .dhl-tables-component colgroup.vr-corporate-admin.vrh-account-holder {
    display: table-column-group
}

.pt-corporate-admin.ah-account-holder .dhl-card-carousel .card-carousel__item.vr-corporate-admin.vrh-account-holder, .pt-corporate-admin.ah-account-holder .dhl-carousel-teaser .cmp-carousel__content-not-edit-mode .cmp-carousel__item.vr-corporate-admin.vrh-account-holder, .pt-corporate-admin.ah-account-holder .carousel-container .cmp-carousel .cmp-carousel__item:not(.cmp-carousel__item-edit-mode).vr-corporate-admin.vrh-account-holder {
    display: table-cell
}

.pt-corporate-admin.ah-not-account-holder div.vr-corporate-admin.vrh-not-account-holder, .pt-corporate-admin.ah-not-account-holder .aem-Grid > div.vr-corporate-admin.vrh-not-account-holder {
    display: block
}

.pt-corporate-admin.ah-not-account-holder td.visibility-table-cell.vr-corporate-admin.vrh-not-account-holder, .pt-corporate-admin.ah-not-account-holder div.visibility-table-cell.vr-corporate-admin.vrh-not-account-holder {
    display: table-cell
}

.pt-corporate-admin.ah-not-account-holder .dhl-tables-component tr.vr-corporate-admin.vrh-not-account-holder {
    display: table-row
}

.pt-corporate-admin.ah-not-account-holder .dhl-tables-component td.vr-corporate-admin.vrh-not-account-holder {
    display: table-cell
}

.pt-corporate-admin.ah-not-account-holder .dhl-tables-component th.vr-corporate-admin.vrh-not-account-holder {
    display: table-cell
}

.pt-corporate-admin.ah-not-account-holder .dhl-tables-component col.vr-corporate-admin.vrh-not-account-holder {
    display: table-column
}

.pt-corporate-admin.ah-not-account-holder .dhl-tables-component colgroup.vr-corporate-admin.vrh-not-account-holder {
    display: table-column-group
}

.pt-corporate-admin.ah-not-account-holder .dhl-card-carousel .card-carousel__item.vr-corporate-admin.vrh-not-account-holder, .pt-corporate-admin.ah-not-account-holder .dhl-carousel-teaser .cmp-carousel__content-not-edit-mode .cmp-carousel__item.vr-corporate-admin.vrh-not-account-holder, .pt-corporate-admin.ah-not-account-holder .carousel-container .cmp-carousel .cmp-carousel__item:not(.cmp-carousel__item-edit-mode).vr-corporate-admin.vrh-not-account-holder {
    display: table-cell
}

.pt-group-admin.ah-account-holder div.vr-group-admin.vrh-account-holder, .pt-group-admin.ah-account-holder .aem-Grid > div.vr-group-admin.vrh-account-holder {
    display: block
}

.pt-group-admin.ah-account-holder td.visibility-table-cell.vr-group-admin.vrh-account-holder, .pt-group-admin.ah-account-holder div.visibility-table-cell.vr-group-admin.vrh-account-holder {
    display: table-cell
}

.pt-group-admin.ah-account-holder .dhl-tables-component tr.vr-group-admin.vrh-account-holder {
    display: table-row
}

.pt-group-admin.ah-account-holder .dhl-tables-component td.vr-group-admin.vrh-account-holder {
    display: table-cell
}

.pt-group-admin.ah-account-holder .dhl-tables-component th.vr-group-admin.vrh-account-holder {
    display: table-cell
}

.pt-group-admin.ah-account-holder .dhl-tables-component col.vr-group-admin.vrh-account-holder {
    display: table-column
}

.pt-group-admin.ah-account-holder .dhl-tables-component colgroup.vr-group-admin.vrh-account-holder {
    display: table-column-group
}

.pt-group-admin.ah-account-holder .dhl-card-carousel .card-carousel__item.vr-group-admin.vrh-account-holder, .pt-group-admin.ah-account-holder .dhl-carousel-teaser .cmp-carousel__content-not-edit-mode .cmp-carousel__item.vr-group-admin.vrh-account-holder, .pt-group-admin.ah-account-holder .carousel-container .cmp-carousel .cmp-carousel__item:not(.cmp-carousel__item-edit-mode).vr-group-admin.vrh-account-holder {
    display: table-cell
}

.pt-group-admin.ah-not-account-holder div.vr-group-admin.vrh-not-account-holder, .pt-group-admin.ah-not-account-holder .aem-Grid > div.vr-group-admin.vrh-not-account-holder {
    display: block
}

.pt-group-admin.ah-not-account-holder td.visibility-table-cell.vr-group-admin.vrh-not-account-holder, .pt-group-admin.ah-not-account-holder div.visibility-table-cell.vr-group-admin.vrh-not-account-holder {
    display: table-cell
}

.pt-group-admin.ah-not-account-holder .dhl-tables-component tr.vr-group-admin.vrh-not-account-holder {
    display: table-row
}

.pt-group-admin.ah-not-account-holder .dhl-tables-component td.vr-group-admin.vrh-not-account-holder {
    display: table-cell
}

.pt-group-admin.ah-not-account-holder .dhl-tables-component th.vr-group-admin.vrh-not-account-holder {
    display: table-cell
}

.pt-group-admin.ah-not-account-holder .dhl-tables-component col.vr-group-admin.vrh-not-account-holder {
    display: table-column
}

.pt-group-admin.ah-not-account-holder .dhl-tables-component colgroup.vr-group-admin.vrh-not-account-holder {
    display: table-column-group
}

.pt-group-admin.ah-not-account-holder .dhl-card-carousel .card-carousel__item.vr-group-admin.vrh-not-account-holder, .pt-group-admin.ah-not-account-holder .dhl-carousel-teaser .cmp-carousel__content-not-edit-mode .cmp-carousel__item.vr-group-admin.vrh-not-account-holder, .pt-group-admin.ah-not-account-holder .carousel-container .cmp-carousel .cmp-carousel__item:not(.cmp-carousel__item-edit-mode).vr-group-admin.vrh-not-account-holder {
    display: table-cell
}

.info-quick-link div, .info-quick-link span {
    -webkit-transform: translateX(-14%);
    -ms-transform: translateX(-14%);
    transform: translateX(-14%);
    min-width: 250px
}

    .info-quick-link div:after, .info-quick-link span:after {
        left: 14%
    }